Book 1:1 Personalised tutoring sessions now at reduced prices!
Courses
Product Design
Design Systems
Web Apps
Animated Prototypes
Resources
1:1 Sessions
About me
Login
Logout
Videos
Dig deeper into the
Figma File
to view all the iterations, design system and practice assignments.
01
Reviewing the Design of Fold Money's Web App
02
Practice Assignments: Put your learnings to the test
03
Difference between User Stories & User Personas
04
Breakdown of the Home Screen Layout
05
The Ultimate Guide to Grid Layouts
06
Design Iterations: Finances Breakdown Widget
07
Basics of Typography Ligatures
08
Standard Practices of Setting up Text Styles
09
Designing: Avatar Component
10
Designing: List Item Component
11
Designing: Finances Breakdown Widget
12
Designing: Performance Component
13
Polishing: Finances Breakdown Widget
14
Design Iterations: Overview Widget
15
Design Iterations: Account Balance Widget
16
Design Iterations: Credit Card Widget
17
Design Iterations: Recurring Expenses Widget
18
Finalising the Home Screen Widgets
19
Designing: Overview Widget
20
Designing: Account Balance Widget
21
Designing: Recurring Expenses and Credit Card Widget
22
Design Iterations: Transactions
23
Designing: Table Component
24
Designing: Date Filters
25
Designing: Navigation Rail
26
Design Iterations: Account Balance Screen
27
Designing: Account Balance Screen
28
Design Iterations: Finances Breakdown Screen
29
Matrix: Finances Breakdown Screens
30
Designing: Bar Chart
31
Designing: Transaction Filters
32
Designing: Search Experience
33
Designing: Bulk Actions
34
Designing: Transaction Details Screen
35
Polishing: Transaction Details Screen
36
Designing: Groups Screen
37
Designing: Credit Card Screen
38
Designing: Recurring Expenses Screen