TYPE
Assignment
TIMELINE
3 Days
FONT USED
Nunito Sans
DESIGN SYSTEM
Material Design 3
OBJECTIVE
Design a user-friendly Dashboard for a sports AI app that displays personalised performance data and encourages user engagement. The app is built using Flutter, so the design should adhere to Material Design guidelines while maintaining a consistent aesthetic based on specific colour and font choices.
DASHBOARD REQUIREMENTS
User Information Section
Display the User Name prominently at the top.
Show the user's Skill Level (e.g., Expert, Intermediate, Beginner).
Include a Total Score (points earned) represented in a visually appealing graphic form (e.g., progress bar, circular graph).
Drills Overview Section
A list of Drills Completed by the User, where each drill entry shows:
Drill Name
Points Earned
Date the Drill Was Done
Target Counts (e.g., the goal set for the drill vs. achieved).
Allow sorting or filtering by date, points, or other relevant metrics.
DESIGN CONSIDERATIONS
Follow Material Design guidelines for Flutter.
Assume the entire app uses variations of purple as the primary color, with supporting blur effects for widgets and containers to create a sleek, modern aesthetic.
Use Nunito as the primary font for all text elements.
Ensure the design is responsive and optimised for different screen sizes (phones and tablets).
Use a clean, minimal layout to make it easy for users to navigate. Ensure accessibility with clear typography, contrast, and color usage.
SOLUTION
KEY TAKEAWAYS
Learning how small interface decisions (like streak counters, filtered drill cards, or visual score feedback) can influence user emotion was a key insight.
Leveraged Material Design components to create a sleek, intuitive UI.
Turning Raw Sports/Fitness Data to something motivating and emotionally engaging.
