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