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