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
source
You're Coffee is getting cold hahaπ, Great video btwπ
What is that drawing app you are using on your tablet please?
Thank you!
Very interesting, thanks for sharing such good videos.
B
What's that tablet he's using to sketch up the design to begin with?
Top π
I want to learn how to design a website. Pls how difficult is it?
Create Beautiful Tutorial– https://www.youtube.com/watch?v=kypEA5IXzLA
Women Tutorial — https://www.youtube.com/watch?v=bx-ow_vA6L8
Watch – Easily Create Website – https://www.youtube.com/watch?v=kypEA5IXzLA
Woman with Rabbit Fantasy Manipulation Effect — https://www.youtube.com/watchv=mqtmOT8bxuk
Watch
Great Video! Would love to see another one like this!!!
What do YOU think of my WEBSITE? https://www.youtube.com/watch?v=0Ch3egv7xKU&t=3s
So, Erik's site is still the same as before ???
Watching a dude play a dude…this is a waste of time folks..nothing to see here
Really awesome!
i think the design looks awesome but only think i would like to say is the red youtube button looks kinda weird….
and that is only my point of view…..plz don't bother…
vu ??? nope, it's vuee
whats the background music ?
Love these camera shots. Amazingly cinematic!
What was that wireframing software that he was using on that tablet? Are there any videos for that and figma?
like a pro……… nice joke there buddy!