UI / UX Design
Progress Tracker App
A minimal iOS app concept that helps users track their daily learning progress through graphs and streaks. Designed to explore design systems, auto layout, and component-based structures in Figma.
Year :
2024
Industry :
Productivity
Client :
Self Project
Project Duration :
3 weeks
Idea:
The idea behind this project was to create a simple and effective way to visualize learning progress. I wanted to design an app that not only tracks minutes spent on learning but also motivates users with streaks and a clean dashboard. My goal was to make the interface intuitive while keeping the user engaged with small but meaningful interactions.
My Design Approach:
I started by experimenting with design systems in Figma, focusing on reusable components like buttons, tabs, and progress cards. Auto Layout played a key role in ensuring flexibility and consistency across the interface.
The visual design leans towards minimalism, using clean typography and a structured layout to highlight progress without overwhelming the user. I also explored different dashboard tab ideas—Dashboard, Connect, and Learn—to establish a clear navigation flow.
Challenge:
The biggest challenge was balancing functionality with simplicity. Since this was one of my first attempts at establishing a design system, I had to learn how to create scalable components while still keeping the design lightweight.
Another challenge was aligning the progress graph with the rest of the UI in a way that felt natural and easy to read on mobile screens. Through trial and iteration, I was able to refine the design into a cohesive and engaging experience.
View Project In Action:
Click on the Preview below to check it out.
More Projects
UI / UX Design
Progress Tracker App
A minimal iOS app concept that helps users track their daily learning progress through graphs and streaks. Designed to explore design systems, auto layout, and component-based structures in Figma.
Year :
2024
Industry :
Productivity
Client :
Self Project
Project Duration :
3 weeks
Idea:
The idea behind this project was to create a simple and effective way to visualize learning progress. I wanted to design an app that not only tracks minutes spent on learning but also motivates users with streaks and a clean dashboard. My goal was to make the interface intuitive while keeping the user engaged with small but meaningful interactions.
My Design Approach:
I started by experimenting with design systems in Figma, focusing on reusable components like buttons, tabs, and progress cards. Auto Layout played a key role in ensuring flexibility and consistency across the interface.
The visual design leans towards minimalism, using clean typography and a structured layout to highlight progress without overwhelming the user. I also explored different dashboard tab ideas—Dashboard, Connect, and Learn—to establish a clear navigation flow.
Challenge:
The biggest challenge was balancing functionality with simplicity. Since this was one of my first attempts at establishing a design system, I had to learn how to create scalable components while still keeping the design lightweight.
Another challenge was aligning the progress graph with the rest of the UI in a way that felt natural and easy to read on mobile screens. Through trial and iteration, I was able to refine the design into a cohesive and engaging experience.
View Project In Action:
Click on the Preview below to check it out.
More Projects
UI / UX Design
Progress Tracker App
A minimal iOS app concept that helps users track their daily learning progress through graphs and streaks. Designed to explore design systems, auto layout, and component-based structures in Figma.
Year :
2024
Industry :
Productivity
Client :
Self Project
Project Duration :
3 weeks
Idea:
The idea behind this project was to create a simple and effective way to visualize learning progress. I wanted to design an app that not only tracks minutes spent on learning but also motivates users with streaks and a clean dashboard. My goal was to make the interface intuitive while keeping the user engaged with small but meaningful interactions.
My Design Approach:
I started by experimenting with design systems in Figma, focusing on reusable components like buttons, tabs, and progress cards. Auto Layout played a key role in ensuring flexibility and consistency across the interface.
The visual design leans towards minimalism, using clean typography and a structured layout to highlight progress without overwhelming the user. I also explored different dashboard tab ideas—Dashboard, Connect, and Learn—to establish a clear navigation flow.
Challenge:
The biggest challenge was balancing functionality with simplicity. Since this was one of my first attempts at establishing a design system, I had to learn how to create scalable components while still keeping the design lightweight.
Another challenge was aligning the progress graph with the rest of the UI in a way that felt natural and easy to read on mobile screens. Through trial and iteration, I was able to refine the design into a cohesive and engaging experience.
View Project In Action:
Click on the Preview below to check it out.