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

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ต.ค. 2024

ความคิดเห็น • 83

  • @Angshu1038
    @Angshu1038 3 หลายเดือนก่อน +64

    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.

  • @gladjf
    @gladjf 3 หลายเดือนก่อน +22

    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!

  • @Mater-code
    @Mater-code 3 หลายเดือนก่อน +6

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

  • @facundogimenez1679
    @facundogimenez1679 3 หลายเดือนก่อน +17

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

    • @krashvash
      @krashvash 2 หลายเดือนก่อน

      I was crying

  • @VarunYadav-t4q
    @VarunYadav-t4q 3 หลายเดือนก่อน +4

    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 🙌🏻

  • @danieltoth714
    @danieltoth714 3 หลายเดือนก่อน +1

    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!

  • @th1lo157
    @th1lo157 3 หลายเดือนก่อน +3

    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. ✌🏼

  • @sanjeevstunner
    @sanjeevstunner 3 หลายเดือนก่อน +1

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

  • @abdul_aak
    @abdul_aak 2 หลายเดือนก่อน

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

  • @OJGamingYT
    @OJGamingYT 3 หลายเดือนก่อน +2

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

  • @UniStudioTV
    @UniStudioTV 3 หลายเดือนก่อน

    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.

  • @ketankshirsagar3148
    @ketankshirsagar3148 3 หลายเดือนก่อน +1

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

  • @JWCat757
    @JWCat757 3 หลายเดือนก่อน

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

  • @wakematta
    @wakematta หลายเดือนก่อน

    Very good the whole process and the result !

  • @kermitec
    @kermitec 3 หลายเดือนก่อน +3

    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.

  • @kizo-niklas
    @kizo-niklas 3 หลายเดือนก่อน

    Love it! Great design but more importantly you make everything seem so simple and just generally seem like a very chill and funny person 😄

  • @mrrrksmith
    @mrrrksmith 2 หลายเดือนก่อน +1

    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.

  • @ProductMisha
    @ProductMisha 3 หลายเดือนก่อน

    Best video I have seen in years. Instant SUB

  • @FloNocode
    @FloNocode 2 หลายเดือนก่อน

    Really a real video with awesome value ! Thank youw

  • @Danieljinchan
    @Danieljinchan 2 หลายเดือนก่อน

    Really solid video Loved it!

  • @StephenRayner
    @StephenRayner 2 หลายเดือนก่อน

    First video I’ve seen on your channel. Very impressive 🎉 subbed

  • @Neutrino-xw6jl
    @Neutrino-xw6jl 3 หลายเดือนก่อน

    What a great video, the editing is also amazing

  • @jerinjimmy6386
    @jerinjimmy6386 3 หลายเดือนก่อน +12

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

    • @com34234
      @com34234 2 หลายเดือนก่อน +3

      stop yapping thats not really hard

    • @jackpawlik9110
      @jackpawlik9110 2 หลายเดือนก่อน +2

      this is honestly quite simple. easily one of the more simple dashboard designs compared to others

  • @SandeshKanawade-tj7ns
    @SandeshKanawade-tj7ns 3 หลายเดือนก่อน

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

  • @janroest2009
    @janroest2009 3 หลายเดือนก่อน

    Holy sh*t that is a nice video. Loved it. 🙏🏻

  • @tazz763
    @tazz763 3 หลายเดือนก่อน

    Great job 🎉🎉🎉 keep adding these kind of tutorials

  • @BlackVatra
    @BlackVatra 3 หลายเดือนก่อน +1

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

  • @liviubarburo
    @liviubarburo 2 หลายเดือนก่อน

    I don't know how much time and brainpower it took you to make this video, probably a lot. But you definitely need to turn this into a series. Great content!

    • @liviubarburo
      @liviubarburo 2 หลายเดือนก่อน

      And it isn't even about design skills as much as the design thinking and logic you put in. Love it!

  • @IGOL
    @IGOL 3 หลายเดือนก่อน

    Wow, great job

  • @simbamadungwe
    @simbamadungwe 3 หลายเดือนก่อน

    Hi, you a great designer I love the way you think and organise staff

  • @boluwatifeolubode7284
    @boluwatifeolubode7284 3 หลายเดือนก่อน

    Subscribing and sharing this video to as many designers as possible

  • @AInsights
    @AInsights 3 หลายเดือนก่อน

    hey just saw ur content was great wanted to just say this was very educational and thank you

  • @NiroshMadhusanka-nft
    @NiroshMadhusanka-nft 3 หลายเดือนก่อน

    You've got a subscriber with just this video. 🎉🎉🎉
    By the way, if you can show us some grid options for dashboard designs, it would be great. Thanks.

  • @omarfaizan
    @omarfaizan 3 หลายเดือนก่อน

    This is really cool!

  • @paul_subtirel
    @paul_subtirel 3 หลายเดือนก่อน

    really nice redesign man, great job! I'd like to know how you make your videos, this style is so cool🔥

  • @theloff222
    @theloff222 3 หลายเดือนก่อน

    Love your content!

  • @iTzBoosTerZx
    @iTzBoosTerZx 3 หลายเดือนก่อน

    instant subscribe, amazing video!

  • @fisuhan
    @fisuhan 3 หลายเดือนก่อน

    I'm enjoying your videos, Keep it up.

  • @Mariamadk
    @Mariamadk 3 หลายเดือนก่อน

    Thankyouuu Loved the presentation and discussion of the old ui. Please make more of this, it helped me understand how to arrange my thoughts. Would love also to know more of how you used the color palette?! How did you set the colors and distribute them. It’ll truly need to understand i. this it’s urgent!😅
    Thank you again.

  • @PhilippChumak
    @PhilippChumak 3 หลายเดือนก่อน

    Well done

  • @aryanmadan
    @aryanmadan 3 หลายเดือนก่อน

    good job!!!

  • @PhilippChumak
    @PhilippChumak 3 หลายเดือนก่อน

    I would love to see more redesigns on your channel

  • @RealMehedi
    @RealMehedi 3 หลายเดือนก่อน

    Subscribed. You are too good

  • @AmjadKhan-rz6nu
    @AmjadKhan-rz6nu 3 หลายเดือนก่อน

    Amazing

  • @ejembiii
    @ejembiii 3 หลายเดือนก่อน

    Amazing video. Please create a tutorial series, you could start from the basics and make your way up, I really want to learn design

  • @MrTalhakhan01
    @MrTalhakhan01 3 หลายเดือนก่อน

    Awesome work. Just one question. Do you think there is way less contrast in UI elements that it will be a problem differentiating different sections?

  • @sp-vt4je
    @sp-vt4je หลายเดือนก่อน

    Very nice.

  • @Haris-k9y
    @Haris-k9y หลายเดือนก่อน

    Thanks man you great, can u make videos about physiologic design, and the way to think like youn😊

  • @kxhu
    @kxhu 3 หลายเดือนก่อน +2

    to be honest the original one looked too compacted and overwhelming compared to your redesign

  • @sourfruit
    @sourfruit 2 หลายเดือนก่อน

    I love this so much but I imagine killing myself trying to build this out

  • @gameranters
    @gameranters 3 หลายเดือนก่อน

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

  • @ehibble
    @ehibble 3 หลายเดือนก่อน

    You're gonna be as big as Juxtopposed soon

  • @sayekatchakraborty2552
    @sayekatchakraborty2552 3 หลายเดือนก่อน

    Dear Kole, thank you so much. I love your videos. don't do so hurry you can make videos along with a good explanation, You speak too fast in time to understand. Looking forward to more videos

  • @muhammed_aksam
    @muhammed_aksam 2 หลายเดือนก่อน

    5:38 this was clearly a swipe widget so you are not expected to click on them. In my opinion fraudulent activity widget doesn't makes more sense because it doesn't happen regularly and doesn't need to be in activity tab/section.

  • @lawrencejob
    @lawrencejob 2 หลายเดือนก่อน

    I would have been so happy if when adding the sidebar you didn't keep the navigation hidden in a sub-hamburger-menu - the sidebar was definitely the least strong part of the design

  • @freefootagepwt1317
    @freefootagepwt1317 3 หลายเดือนก่อน

    wow niceee

  • @Sam-y6u
    @Sam-y6u 3 หลายเดือนก่อน

    1500 to 3500 gj broski

  • @AllHandsOnEveryThing
    @AllHandsOnEveryThing 3 หลายเดือนก่อน

    what do you use for animations? that was nice!

  • @manashkashyap7780
    @manashkashyap7780 3 หลายเดือนก่อน

    We need more of hard redesign

  • @merakesh207
    @merakesh207 3 หลายเดือนก่อน

    Great 🔥🤟

  • @HuzaifaAsimPhone
    @HuzaifaAsimPhone 3 หลายเดือนก่อน +1

    Exactly 90 percent of design portfolios are filled with impressive-looking but practically unusable financial dashboards.

  • @_D3adB0y_
    @_D3adB0y_ 3 หลายเดือนก่อน

    How would you design a modern website, but with a sidebar instead of the header bar? I have only seen admin dashboards and casino sites with sidebars. What about something modern and sleek?

  • @chunky_s2129
    @chunky_s2129 2 หลายเดือนก่อน

    cool

  • @welling1
    @welling1 3 หลายเดือนก่อน

    Edward Tufte: “the only thing worse than a pie chart is several of them.” at least you didn't make more than one....

  • @huus5682
    @huus5682 2 หลายเดือนก่อน

    nice design but based on someone in youtube showing the "card" is bad, owner doesnt need to see their virtual card

  • @conniekamoo
    @conniekamoo 4 วันที่ผ่านมา

    "fellas"?

  • @naveenpandey8093
    @naveenpandey8093 3 หลายเดือนก่อน

    Can you help me with my dashboard design.Please and make a video for it too

  • @AInsights
    @AInsights 3 หลายเดือนก่อน

    what colum setting did u use

  • @sadique_x_
    @sadique_x_ 3 หลายเดือนก่อน

    what's the name of the fonts being used?

  • @diggin8741
    @diggin8741 3 หลายเดือนก่อน

    Broo try to be a little less frenetic hahahah lol it's too much information, i don't care if the video has 25min, I'll will watch anyways for the content quality ❤😂

  • @scottishwildcat
    @scottishwildcat 7 วันที่ผ่านมา

    The final version looks just as bad as the original, to me. I just can't tell what I need to know or what I need to do. Using red as a theme colour is a bad choice anyway, because red is normally used to draw attention to values that have decreased or things that need action. As a result, nothing 'bad' stands out on this dashboard at all, it just all looks 'bad'. The action presentation is all over the place... some are white text on red buttons, some are white on black buttons, some are black text on white buttons, some are red on a transparent background. Some actions have an icon to the left of the label, some to the right, some no icon at all. There are no labels on any of the charts, so I have no idea what the bars represent in the top one, or what month I'm looking at in the bottom one. Why is there one horizontal kebab menu button and one vertical one? Do they do different things? Etc.

  • @RanveerSingh-ls4ib
    @RanveerSingh-ls4ib 3 หลายเดือนก่อน

    You removed the text to speech button for what joy? 😢 Accessibility shouldn't be optional. Cool video though!

    • @arjix8738
      @arjix8738 3 หลายเดือนก่อน

      It was a microphone, so it looks more like a speech-to-text, or well, assistant button.

  • @RootEntry
    @RootEntry หลายเดือนก่อน

    You can receive money using a credit card...

  • @jackjameson6826
    @jackjameson6826 3 หลายเดือนก่อน

    nooooo, not a fucking sidebar dashboard again 🤦‍♂

  • @arjix8738
    @arjix8738 3 หลายเดือนก่อน +1

    Bro does not know what a debit card is 💀

  • @louisant1817
    @louisant1817 3 หลายเดือนก่อน

    yup, as a dev looking for inspirations most designs I find (not only dribbble) make no practical sense, they look good but 0 functionality
    Kind of like an AI that wouldn't really understand what it's doing and just fill the screen with BS

  • @GabrielOliveira-ln5sw
    @GabrielOliveira-ln5sw 2 หลายเดือนก่อน

    Caraca! E eu pensava que não dava pra melhorar! rsrs 🤯🤎

  • @Weirdesto1
    @Weirdesto1 3 หลายเดือนก่อน

    What is your discord?