How to redesign a SaaS dashboard | Speed UX/UI Design

In the 79th episode of Demystifying Design, I'll be redesigning the dashboard UI for GTMetrix, a performance analysis tool.

The goals of this redesign were to make it easier for users to:
1. Audit my site to see how it performs.
2. View all my reports and search through them.
3. View how the report was generated.
4. Understand how to fix the issues.
5. Get a guided tour of the platform.
6. Download my results.
7. Access my account details.

This entire redesign took me about 5 hours to complete (over 1 day). Hope you enjoy!

Important timestamps:
0:00 Introduction
0:33 Style guide
0:58 What's wrong?
3:15 UX mockup
5:30 Redesign begins!
14:47 Header CTA
20:20 Reports table layout
23:59 Site header
28:22 Reports table rows
39:00 Polishing the logo
40:09 Recent reports list
45:02 Report generator controls
48:56 Plan usage modal
52:50 Redesign finished!

Music licensed by Epidemic Sound:
San Pedro, by Sugoi
Lose Control Now, by FLYIN
incapable, by shamgang
Cupcake Delivery, by Dylan Sitts
Exits, by Felix Johansson Carne
Goodby Earth, by Sum Wave
Silver Smile, by Ryan James Carr
Time to Fly, by Ryan James Carr
Salamanca, by Sarah The Illstrumentalist

All content in this video is intended to be purely transformational in nature.

#webdesign #redesign #design #designer #designchallenge #speeddesign #appdesign #designchallenge #webdesign #learndesign #webdev

[DemystifyingDesign]

Wanted to share a longer video where you can see much more of what happens behind the curtains. Fully expecting this video to flop! 🤣

[stacy_isa]

I clicked this with full confidence that I will watch like 5 min. I watched all. And I liked it. Thanks for the reference website, mate!

[TrungLe-tnou]

Your video is extremely underrated, holy. Tks, I learned alot

[gabrieliglesias]

I like how it came out; it makes sense the analyze button gets the most of the attention since it's the primary purpose of the page. Great job 👏

[carlosViMar]

Love your videos, thanks for sharing all this knowledge! Keep them coming 😊

[rifatsadid]

Enjoyed every moment. As a fresher, learned a lot. Thanks!! ^^

[sayekatchakraborty]

Thank you bro❤ Finally got your secret of beautiful user centre design 🎉😊

[brianm]

Exactly what I needed, I have a similar project

[chilly]

I think we can have the watch video in the side bar like having a box below the reports in that way the visual hierarchy would be more on the URL.
What you think?

[Art_holics]

drop the site where you get your inspos and references sireeee!!

[furkanesen]

will check out tomorrow morning, then i will update the comment