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