Dashboard Design - UI Stat Cards #dashboard #design #figma

🔗 Website: Visit Design with Mitch - stay up to date with my latest courses, resources, and design content. https://www.designwithmitch.com In this series, I design an e-commerce analytics dashboard from brief to final UI, focusing on clarity, hierarchy, and real-world UX decisions. Video chapters: 00:00 Intro 00:10 Reviewing updates since last video 01:29 Focus on UI stat cards and reviewing annotations 02:36 Drafting the first UI card layout 03:30 Adding new icons to the design 04:53 Improving visual hierarchy and styling 06:09 Applying auto layout, spacing variables, and naming layers 06:49 Drafting the second UI card 07:40 Drafting the third UI card 08:17 Drafting the fourth UI card 08:50 Reviewing progress so far 09:20 Breaking down components and creating trend indicators 10:10 Quick note to viewers for questions and feedback 10:21 Adding trend indicators into the stat cards 11:15 Creating the UI stat card component 12:10 Placing UI stat cards within a container on the grid layout 13:35 Arranging stat cards within the container 15:54 Updating the grid and adjusting containers 16:28 Tidying up components page and layout 16:57 Reviewing the updated page 18:05 Next steps 18:32 Outro