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:

Figma Design File:

#website #design #programming

Learn Design for Developers!
A book I've created to help you improve the look of your apps and websites.

Feel free to follow me on:

Software & Discounts:

Computer Gear:

Camera Equipment:

[developerfilip]

I actually think that website design is quite neat and definitely a big improvement :D Nice work!

[CodingFire]

You: Design website *Like a pro*
Me: _huh it takes me millions of years to just pick the color pallete 🤣_

[amantiwari]

Anybody else obsessed with that curved monitor.

[TheRusticWanderer]

Love the revamped design. I've also recently started using Figma. Previously I used to directly do mockups on a staging site.

[userexperienceconsulting]

Really smooth foundational work. As I always say "Get the ground work done first and properly, and the site will simply flow out."

[BugaMarco]

When you are moving around and spamming ctrl + z to make things appear on the screen is the smartest way I've seen someone simulate a time lapse:D

[AZisk]

Your attention to detail in this video is inspiring. Love the subtle slider movements

[hamzahmd_]

I really enjoy watching your video. New Style and your setup is amazing.

[pablowbk]

great video Adrian! I wouldnt mind a full blown series of videos on completing a website project from scratch. Travis Neilson from DevTips used to do that kind of stuff and it was very cool watching then whole process

[mohammadraufzahed]

this was awesome bro.
keep going, man.

[mukulrana]

Love these camera shots. Amazingly cinematic!

[emmanueldiogu]

This is awesome, I like your process and your the output just blew my mind completely. Thanks for sharing🙏🏾

[tforrest]

Great Video! Would love to see another one like this!!!

[aminefarhat]

Thank you for the content I really enjoying watching your vids and tutos
Can't w8 for the book to be released

[mrthepilvitv]

Make more videos like this one! Good job!

[doroaros]

Great video, is very difficult for a web dev to propose an interesting design and not to fall into templates or repetitive designs. It's true that is a long process to sketch, then figma and then start to code from scratch, but in the end you'll create a very unique piece.

[fredg]

this is the first video I see from your channel. I suscribed.

[francescociulla]

These videos give me imposter syndrome, but I watch them anyway. You are incredible Adrian!

[dailymeow]

It's really nice, they way you make a style guide, buttons, cards, colors .. is neat and organized

[tb_media]

very interesting pls more of this videos where you design from the ground off