Redesigning a Finance Dashboard UI from SCRATCH (ft. Dribbble)

preview_player
Показать описание
Let's redesign a Dribbble finance dashboard go through the UI and UX problems, and hopefully make a better design in the process! Subscribe for more! (no hate to the original creator, they're very talented)

My Figma File

The OG design
Рекомендации по теме
Комментарии
Автор

Man you might be one of the best youtube designers out there. No flashy promotions or anything. Simple logic, why this and why that. I learn so much more when there is reasoning behind a design. Thanks and please keep it up.

Angshu
Автор

I've not worked with dashboards, but the first design didn't know what they were working with, first one focused on UI, beauty. Yours was balance between UI and UX. I like your process, way of thinking, man. Great job!

gladjf
Автор

1 minute of silence for the developers who are gonna develop this!

jerinjimmy
Автор

Bro put fraud from Venezuela without hesitation 💀😂
Love your video man!

facundogimenez
Автор

Bro looks clean and majestic. I like how his effort is being recognized more and more. Majistic guy with Great tips.

Mater-code
Автор

Really liked the dissection of the old Ui and making it better by logically thinking, and adding hierarchy in this design really find this type of videos knowledgeable keep it up 🙌🏻

VarunYadav-tq
Автор

The entire Dribbble is just cool looking design, with not a bunch of real UX designers

BlackVatra
Автор

such a clean design with so much usability. nice work man. great balance between UI nd UX

abdul_aak
Автор

I see true peotential in you man, IDK why you're underrated AF tho. Really love your content

sanjeevstunner
Автор

Bro did a great job. At least because he turned his brain on. I can't stand most of the works on dribble and behance because the guys there don't think at all about the functionality of using interfaces. They're basically drawing pictures rather than well thought out ui/ux.

mrrrksmith
Автор

1500 subs? 3 days later and you have 2.7K love this man! Keep it up.

OJGamingYT
Автор

nice video, good explanations.

Dashboards serve as entry points, guiding users quickly to their desired information. This requires a structured and consistent design to enhance readability and scannability. To achieve this:

- Limit typography styles (size, weight, colors) to about 4 variations.
- Reduce card complexity by simplifying content.
- Implement a maximum of 2 interactions or functions per card.
- Use cards as gateways to more detailed subpages.

This approach prioritizes clarity and ease of navigation, allowing users to efficiently locate and access relevant information.

also try using less boxes in boxes, they mess with grid / view alignments and therefore make the page less scannable and you loose a lot of space that could maybe fit in another tile / card. thinking about it the background could be with that light red and the boxes white for enogh contrast for the texts then you can just get rid of all the boxes in those cards. ✌🏼

thlo
Автор

Very good the whole process and the result !

wakematta
Автор

This type of thing on dribbble bothered me so much i almost started writing/making videos myself. Glad someone is showing how much the whole site is focused on ui with smoke and mirrors instead of well thought out interfaces and experiences :) def subscribed and watching any similar videos!

danieltoth
Автор

I rarely subscribe to a channel or leave a comment, but your method of explanation really made me complete the video without feeling the time, and I benefited a lot from the method of making logical decisions.

UniStudioTV
Автор

One suggestion: build your Figma designs using auto layout. This approach allows you to manage design elements as a group rather than individually scattered across the project. It also ensures that spacing, margins, and padding are correct. But overall great exercise.

kermitec
Автор

The developer for this design would be sweating bullets trying to make all these changes.

gameranters
Автор

Thank you for sharing your process. As an aspiring designer, I find this super helpful!

JWCat
Автор

Why this man have only 2.63k subscribers, this content deserves millions subscribers.❤

SandeshKanawade-tjns
Автор

This is fantastic! I'm learning so much. Please keep making videos! ❤❤

ketankshirsagar