How to design a website like a pro

How to design a website like a pro from scratch. In this video I go through the whole process of making a website for Erik, a youtube programmer like me. The full video timelapse of the graphics design will also be posted on his channel for those interested.

The video covers how I plan out the wireframe design, prototype different ideas, before coming to a good UI and UX web design.

Website design is a process so hopefully seeing what steps I go through to create it will help others on the same journey.

Programming with Erik Channel:
https://www.youtube.com/c/ProgramWithErik

Figma Design File:
https://www.figma.com/file/aHDUkYPVTT6plKnmpFIhaU/Erik-Programming?node-id=0%3A1

#website #design #programming

Learn Design for Developers!
A book I’ve created to help you improve the look of your apps and websites.
πŸ“˜ Enhance UI: https://www.enhanceui.com/

Feel free to follow me on:
🐦 Twitter: https://twitter.com/intent/follow?screen_name=adrian_twarog
πŸ’¬ Discord: https://discord.gg/6gmmFvxkD7
πŸ’Έ Patreon: https://www.patreon.com/adriantwarog

Software & Discounts:
🚾 Webflow: https://webflow.grsm.io/adrian
🌿 Envato: https://1.envato.market/yRZjz2
🌿 Envato Elements: https://1.envato.market/LP0OJZ
πŸ”΄ Elementor: https://elementor.com/adrian/?ref=23140
βœ– Editor X: https://www.editorx.com/adrian-twarog

Computer Gear:
⬛ Monitor: https://amzn.to/3f9DOQI
⌨ Keyboard: https://amzn.to/3eA5UFD
🐁 Mouse: https://amzn.to/3xVJO8l
🎀 Mic: https://amzn.to/3hgCfms
πŸ“± Tablet: https://amzn.to/3ewt7sa
πŸ’‘ Lighting: https://amzn.to/3vOZeZY
πŸ’‘ Key Lighting: https://amzn.to/3f6qP2f

Camera Equipment:
πŸ“· Camera: https://amzn.to/3uCv4J9
πŸ“Έ Primary Lens: https://amzn.to/3vT6wMm
πŸ“Έ Secondary Lens: https://amzn.to/3tyqWIX
πŸŽ₯ Secondary Camera: https://amzn.to/3o2zCGi
πŸŽ™ Camera Mic: https://amzn.to/33tCz9l
🎞 USB to HDMI: https://amzn.to/33yW9RE

You May Also Like