SPARE BABE
A task management app to empower users to tackle tasks efficiently during their spare time.
Duration
4 weeks
Designer
koan sun
Works
research
ux design
ui design
branding
-
Would you share those tasks that you have been waiting to complete for more than three weeks?
-
How long have you been waiting for these tasks to be completed?
-
What are the obstacles that hold you back from completing these tasks?
-
How do you feel when thinking of those long-pending tasks?
-
How do you feel after finally completing those long-pending tasks?
primary research
INTERVIEW QUESTIONS
INSIGHTS
persona
RESEARCH
research summary & opportunity
Through competitive analysis, I found that while many task management apps help users stay organized and complete tasks, they don’t focus much on addressing stress reduction and procrastination. My primary research reveals a demand for solutions to these challenges, presenting an opportunity for my app to stand out by...
Focusing on reducing users’ stress related to task completion.
Design System
IDEATION
PERSONA
ideation
Key Functions
SITEMAP
BRANDING
The logo design combines a clock and a smiling face, conveying the concept of joyfully managing time.
LOGO ICON
LOGO APPLICATION
DESIGN SYSTEM
BRANDING
METAPHOR : CAKE
The app's visual identity is symbolized by a cake, making tasks feel easy and sweet—perfectly aligning with Spare Babe's slogan: 'Finish little things step by step. Easy peasy, like a piece of cake.'
03 :
new task &
babe steps
The tab on the card, “+ New, ” allows users to add a new little thing to their list.
Users can separate a task into baby steps, estimate the completion time, and assign a category.
Break Tasks into Babe Steps
Breaking down a task into baby steps helps users reduce stress when completing tasks.
00 :
home
page
In the beginning, users can sync their calendars to Spare Babe. Then, it will generate a clock showing their spare time based on the schedule of their calendars.
00 : home page
In the beginning, users can sync their calendars to Spare Babe. Then, it will generate a clock showing their spare time based on the schedule of their calendars.
04 :
better me
The sub-home page, Better Me, shows users using data in the app to encourage them to keep completing tasks during their spare time.
DESIGN SYSTEM
01 :
task list
On the List page, users can choose what tasks to do according to their spare time.
Users could also browse tasks based on process status, priority, and categories.
Two ways to complete tasks
-
Tab on the process circle on the card
-
Enter the card and complete
02 :
task-assigned
spare time
Task-assigned spare time will be marked with the color of the task category.
After users assign tasks to their spare time, they can complete them in two ways.
Inform the user when they have spare time and how much spare time is available
Task-assigned spare time will be marked with the color of the task category
Break the task into baby steps and complete it with ease
The 'Better Me' page displays task completion and effective use of spare time, fostering a motivating cycle for users.
