Website Redesign good-to-great

Learn to create beautiful designs with our Core Design Skills course - bit.ly/3TUr6YU
Matt's RUclips Channel 👉 / mattbruntonuk
How do you take a website from good to great?
In this video I'm going to break down this real life site, talk about what it's doing well, and then redesign each section to show you how we can take it to the next level.
Links for description:
Example website: seowork.io/
Illustrations: storyset.com/business
Headline font: klim.co.nz/retail-fonts/signi...
📽️ CHAPTERS
---------------------------
00:00 - Intro
00:42 - Website Review
02:39 - Improvement Breakdown
03:21 - Header
04:49 - Hero Section
07:21 - Logo Section
08:11 - Results Section
10:02 - Before & After
Learn more from Flux Academy on other social platforms:
Instagram: / flux.academy
Tiktok: / fluxacademy
Twitter: / fluxacademyhq
Linkedin: / flux-academy

[@adan_wario]

I think the more tutorals I see from senior designers, is the more I understand design is more about being intentional in every stage/element. Then overall the final design gets to looks perfect. This career is really good. Thanks Matt!

[@iamstratos]

Overall is a nice change, however the results section's text is huge. It can be improved a lot.

[@filetmignon9978]

To grab attention. Proof of results is super important, and the new design does it way better than the old one. Look how tiny they are in the first version.

[@Lachlan1806]

I agree it’s important and definitely does a better job than the original, but something about doesn’t quite look right. I think it might be to do with how most of the updated one has extra space, but then gets pretty packed re the improvements section.

[@NECOdes]

yea, i'd shrink them a little bit. When clients enter the site, you want to draw their attention to the hero section first, but those three cards at the bottom are kinda taking away that attention the hero section needs. But still way better than the original

[@Dominich1993]

Its too much and too crowded, funnily enough I think this guy has done multiple videos talking about the importance of whitespace

[@pedrotski]

​@@Lachlan1806 It doesn't look right because there are multiple font sizes and styles going on.

[@AkinsRealm]

This video has great information on what to consider while doing a redesign, thank you!

[@dsapio]

Awesome redesign and great walkthrough!

[@MattBruntonUK]

Not supposed to be perfect example. It’s simply to show you how to THINK about improving an underwhelming design. ✌️

[@pauladeconte7925]

Great video! Thank you for sharing your knowledge!

[@ismailfaturrohman4858]

I think we can change the -30% on "Time on Analytics" to +30% "Analytics Time Efficiency" because I think some people think negatively about the minus "-" Nice insight as usual Matt

[@adan_wario]

True! But you remember breaking the flow with some contrast has a higher impact - especially if you are trying to emphasize something.

[@TheOveragedDeveloper]

Love the redesign!

[@andersonfguia87]

all of your videos are helping me a lot, but this one is special. thanks for everything, guys.

[@FluxAcademy]

Thanks, that's great to hear!

[@learnwithnorwebs]

I absolutely love this ❤

[@pablobohigas9805]

Thank you for the video! 👏

[@orestisgeorgikopoulos4237]

Very informative video Matt and depicts things to consider when redesigning.
One question though; do you have any other recommendation for an Illustration content provider apart from Storyset?
Many thanks! Keep on!

[@k16e]

Great job!

[@Adam.3313]

thanks for your video. you are very talented. :)

[@videos6505]

From 2017 web design to 2018 web design. If you play "peak" with words and illustration - repeat yourself. Lacks of text content for SEO. Without the section headline the illustration in the cards lose context.

[@filetmignon9978]

Hence the headline...

[@stardark9mc]

thanks

[@vilisavescu565]

You should do a series like this

[@atulraut4158]

Amazing

[@Sydinofficial]

Great work 🎉

[@FluxAcademy]

Thank you!

[@mohamedElbadwi-k5f]

Great video, I think it was better just to display the video "how it works" in the Hero Section instead of the Ilustration

[@dbaNish]

it's great overall

[@internetmarketing4133]

I would say still first one will convert better due to less distractions

[@SoumikMallick123]

I think the first one is professional and clean...and the second one is professional but playful.

[@maDByte2]

Wow, it got worse! Good job

[@adan_wario]

😂 Be kind!

[@TerminatorFiles]

That's actually an example of how not to do it. But hey, to each their own.

[@filetmignon9978]

way to add 0 reasoning to your argument

[@roguegoblin2407]

title should be from mediocre to acceptable...

[@krsnabantai]

broo?? this was bad

[@it5221]

JUST 2 BLOCKS? DUDE U RE LAZY

[@lovefrommana]

Where are your videos? I don't see any.

[@smartdigitalidea2645]

Are you joking or you mean he is lazy? This video is 11 minutes and it have lot value than 1 hour video.

[@it5221]

@@smartdigitalidea2645 pfff i can do the same sh1t in 10 minutes in Figma, I can bet your balls on it

[@MattBruntonUK]

Yeah I put out 6-7 videos a month while also running my two businesses. And I have 3 kids. Super lazy.