How to design a website like a pro 

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

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

Anybody else obsessed with that curved monitor.

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

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

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

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

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

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.

Really nice! I'm a developer too, but I always struggle with designing, this was inspirational for me.

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

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

I like to design and develop web apps but, I am confused to go with all this thing together. So, I thought to get better in the development of web apps to get a job and with time, learn design. I chose you as a mentor seeing your content more with what I like to do. I would be glad if you can share your part because seeing you most of my things collide with your works and, I really appreciate your works. So, in which way should I go for getting better in both ways and give myself a good career on this.

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

The dedication is top notch.. Showing the process :) subscribed

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

Simply awesome. I'm a freelance designer and really liked the way you did it. I use Photoshop most of my web work but it takes further steps to get it live... Just subscribed your channel. Keep up the good work.

Love these camera shots. Amazingly cinematic!

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

Amazing video, two questions though: 1: how do you dertermine other colors to use, eg the different shades of greens. 2: how do you figure out what to size things so each section is distinct and takes up enough space to take up the full height of the viewport, eg.. your hero and top section just so happens to look great and fill out the viewport height, what if it doesnt? what if someone on a bigger screen reaches your site and perhaps half of the next section is showing and is cutoff abrubtly? that seems to be the biggest blocker for me trying to manage this vertical space in relation to each section.

Your setup is amazing

Make more videos like this one! Good job!

Wow so good 🔥... lesson I've learned from this video...1. create a rough idea or sketch, you can do that with a pen and paper also, u don't need an ipad . 2. Then design it into figma ....

It's great video, simple but really nice looking improvment old site. Looks nice and very modern great job !!!

I am a new react dev, and doing some web dev stuff. One tip - design first for mobile, then go on with the screen sizes to make it reponsive, I made a whole ass webapp only to realize it looked so bad on mobile, had to rebuild it

i love that ctrl+z and yor move 3:28

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

pressing cmd+z for being a pro designer

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

Clever how you made the breakdown segments by undoing (Ctrl+Z) the deletion of elements. Great video overall and nice design :) keep it up!

I am doing web design in Korea. I enjoyed watching your good video. That's cool.

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

Awesome content as always Adrian! Keep it up, man

Adrian can you show us how to make a website look good on big screens? For exemple let's say that i want to open a website in fullscreen mode on a Samsung Odisey (like the one that you have).How that website should look? I hope You get the point...english isn't my first language.

Well I think it's the best one I have seen so far

Maaan , I just started to learn UI Design & this video Motivated me to do more & more & more ....

Wow! Great design.

Awesome redesign and great walkthrough through the process!

time to get it up, so much fun don't stop. :) :) :)

Hi in your yt channel banner you forgot to do some color correction to remove the green screen from the edges (hair, arms,...), it doesn't look that professional :)

This is amazing.Using Figma and the other prototyping softwares are going to be more virzl day after day.Which you a good career.

How's the book coming along? I'm waiting for it

I would really love to see a video in this style taking this design and then coding it out, Just found your channel great video instant sub

Super awesome!🚀

So you're the one that designed that! Very nice!

You really helped m e get started

I like it, and I feel I kinda learn a lot from you so I'm gonna subscribe.

I need to see "from design to coding"

looking forward to more videos like this :)

You know what you are doing man

this was awesome bro. keep going, man.

You're Coffee is getting cold haha😂, Great video btw💌

Excellent work !!!

True master composition

As a new web developer, I found out that wire-framing is amazing. Something as little as "I don't know where this should go" could completely derail my focus on a project.

This is incredible Adrian

wow so quick and simple!

Looks amazing Adrian, thanks for sharing, you made it look so easy, that's not fair 😅

THAT is a really good type content. Please do more videos like this one.

wow!!!!!! what a nice video bro many many Thanks.

Such a informative video

WOW it looks amazing!

Very nice vidéo format

as a guy with 14years experience in web development (me) i can say that guy knows what he doing :)

Quality stuff...I did not know when the video finished!!!! Damn thts a direction for a youtube video? smhhhh!! EDIT: BACKGROUND MUSIC PLSSSS!!

I subscribed your channel, I like your design.

You've got a great setup bro

Nice 👍

Very interesting, thanks for sharing such good videos.

Can I get its figma design? I will convert this design to real website if you give it to me. Just love you😍 and love this design. Thank you.

That was epic! Neat Design!

Thank you , You deserve a sub

I was expecting codes but this nice too.

Can you make a video regarding how to place website from figma to live: it's my request, thank you This video is awesome 💜

Really awesome!

Make videos on beautiful web design like how to choose colors shapes fonts and from design to actual code

3:27 there is something weird happening on the keyword, looks like CTRL SHIFT Z is the only keys working LOL! Nice VIDEO, Loved it!

What kind of program did you on your ipad for painting the website first? :)

I loved this video ❤

That was a great design. I wonder how did you create this without considering a typescale from the beginning. Loved it

i watch your all video sir make some design video for personal one page portfolio. thanks

Please!! Make a Project Video from scratch! (Teach us)

0:38 need a tutorial video on wireframe..next video 🙏

Yr design videos are shooting up make more design videos loved yr figma crash course and ofcourse this video is also 🔥

This huge-ass screen is the ONLY thing I was hooked at, throughout the video

What is that tablet you are using ? Looks useful & supercool .

Great video!!! I just shared this to 3 of my friends. What app are you using on the iPad to sketch the wireframes?

AMMAZING. THANK YOU

Awesome website 😍

You are amazing!

nice desing!

It was great, I want to see How you make it using html css

wow GG

Awesome!!!

Loved it❤️

impressive work Twarog

Just amazing

MASTERPIECE

🖐plz what is the diff between coding a website with html/css and what in the video🙏

most people think coding is hard but designing is a whole another beast 😂😂