Website Redesign #3 | Clean and Premium

This website is a fantastic example of amazing custom photography paired with web design that has lots of room for improvement.

These are the best websites to work with as the assets are super high-quality and all you need to do as a web designer is make them shine.

That's exactly what we did here. We made sure design fundamentals like contrast and whitespace were respected and then we re-created the composition in such a way that it highlights the beautiful hero image.

Let us know what you thought about this redesign in the comments below!

Timestamps:
00:00 Intro
00:30 Before
2:33 After

Tools used: Figma and Photoshop

-
Learn how to build custom websites with Webflow FAST:
-
Find me on other social media platforms:
-

#websiteredesign #webdesign #graphicdesign

Thanks for watching the video!

[MauricioPaim]

- Better use of image
- Better CTA
- Better alignment of elements
- Better breathing overall
Great!

[sofosgd]

I felt that the new design is giving more space to the content to breath and it makes the user more comfortable to use the website interface

[TheMrshawnpaul]

Great Job! I lol'd when you said Elixirs

[denniszenanywhere]

I'm not a designer but the bad example was too obvious in the way it can be solved. It'd be great to see something far more challenging, something that shows how more people clicked on the site because of the redesign maybe. It'd be great to see too how a redesigned site worked based on a Hotjar report, perhaps? Thanks

[abiciao]

The amount of clarity in the redesign is spectacular. Simple, but much more effective.

[kelvezu]

As a back-end developer. I'm loving this kind of contents :)

[Zordiak]

I actually liked the white navbar. I would probably keep that. Zooming out was a good idea. Definitely an improvement! Maybe a white button?

[XPercentX]

i love it so much. the different gradient tones, the dimension and spacing . very nice.ive noticed with bigger online stores especially clothing they dont do designs like this they usually stick to black and white, plain and basic.. i guess cause they have so many items.

[farooqhabib]

just wanna say thank you for what your doing i'm someone who recently started to learn web designing i could not find a better place then your channel and its free that's the best part so thank you and god bless you bro keep up the gud work.

[tonmoykarmoker]

I liked the white top header,
But looking nice.

[suhaibkamran]

You should start a series where people post their ideas/designs on a subreddit and you review, give ideas and redesign some of them. Always love your creativity though. Keep up the great wprk

[chriswilcox]

Ran I love your work and insights - you've been very inspirational for my own web design business, even though I don't use Webflow - the principles you discuss are universal :)

This one was so simple, yet so effective!

[tz]

love the second one, but def would change the button's size and how it looks. kinda bulky. Wonder the mobile version of this too. I hope we can have more of the mobile version redesign in the future.

[shaqueal]

I like the after, but the only thing I would change would be the navigation text contrast to a brighter White to make it easily seen.

[laudefrancois]

I cracked when Ran read Elixirs as Auxiliary 😂. Great redesign though, another informative video. Thanks!

[smarthustlersclub]

Content is not stack and that make it very easy to read and understandable

[fougamagister]

well done. copy writing of the catch phrase still needs some improving, but where it concerns design you're spot on.

[rakshak_gosar]

Amazingly put with less change. Loved it <3

[dougsilkstone]

Looks sick but redesigns like these should be based on qualitative data 🙏

[liadashkina]

Amazing redesign! Thanks so much for your videos and lessons! You really help!