Subscribe for more! → bit.ly/2UGi9YR
Want a custom design for your business? → marcmcdougall.com
Watch the full playlist here → bit.ly/2UqOzBH
Here's the Figma file for this project → bit.ly/3vrNTUR
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
15 авг 2024
