How to redesign a website like a pro

How to redesign a website like a pro. In this video I go through the whole process of updating the UI and UX website for Shayan, a person who submitted their portfolio on Enhance UI.

Shayan's Website:

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:

[shayankanwal]

Hi, Adrian Today I saw my Analytics Report, where there is a lot of traffic coming on to my website I thought How? (because I have never seen that much traffic on my website) So I spent my time figuring out where the traffic is coming from I saw it coming from youtube referrals then I opened youtube and your video was on the front page. Honestly when I submitted my Portfolio, After some days I lost hope that you will give me a review. But Today I am too much happy I can not express it in my words Thanks a lot for letting me know about my mistakes I am very happy that you made a dedicated video on my portfolio. God Bless You

[ianaleck]

I particularly like the lowercasing of the menu items, sometime we miss those simple things, that make the biggest impact. Good work Adrian.

[webdevsshariful]

I really like this series. Please do post this series as much as possible.

[stevesloan]

I think your changes are excellent, and you explained your decisions very cogently.

[DevMadeEasy]

Hey Adrian great content as always, thanks for sharing it with us...

[DeniTosh]

I just have a question - How did you manage to put a live website into Figma? Just curious :)

[rickyanthony]

You're a true pro with a mature eye man. That was awesome

[freaxwoz]

I'm now addicted to your videos. great video quality storytelling is impressive and your skills is a pro Thanks God I found you. from a Daddy who want to find a job for her little daughter :)

[sumaya-kabir]

Great Adrian... You are a genius...love from Bangladesh...

[onlinefriendship]

Your changes give the site a better look.

[ambareen]

I think the blinking lamp was better than the yellow box. The blinking lamp is unique, maybe just make the font weight of the text bold or increase the font size

[sonoftroy]

Yea! Half cut images need to have fading at the bottom or some type of creative design object layered on top

[p]

1) Shayan's photo is a cut and pasted private photo judged by the contours 2) Crossed armes represent closedness, not openness 3) His shirt is off, a black jacket with an informal round necked shirt under it, or a black jacket with a yellow (!) informal round-necked shirt or simply a black T-shirt or longe sleved round-necked shirt or an ordinary cuffed shirt would have woven him nicely into his own website, instead of divorcing him from it 4) A professionally taken photo is a must 5) His name should have capital first letters also on the top... Thanks for explaining your thinking behind your proposed changes. Nice video. Thanks:)

[techieendou]

The only thing that bothered me a little was the fact that the line you drew on the "What do I do" section between web design to Backend Dev that should have been coming from the Web Dev part.

[janpohorelicky]

There is a typo - double like, in your website: Learn Design like just like any other Coding Tutorial. Greate video

[nguyenquyminh]

Hi sir, i'm trying to hide and show responsive elements by bootstrap5 with col-0 col-sm-0 col-md-0 col-lg-0 in VSCODE but it's does'nt work even col-0 col-sm-0 col-md-0 col-lg-0 are not BIF. I'm panic now. Hope u can help. Thanks.

[mohdAkeed]

How do you import it directly to Figma?

[arcticspacefox]

Hey adrian is wordpress still bad with tailwindcss? Whats your opinion on that

[jawadahmed]

Hi there
Nice video i am learning web design
I want to ask how to get creative as a web designer

[asiimawepablo]

I want to know how you can use figma to create awesome designs and how u can implement them