text fields:
melanie_greene
Title
Milo’s Grooming Appointment
Weekly Tile Calendar:
primary button:
ACTIVE STATE:
Create Task
INACTIVE STATE:
Create Task
secondary button:
iconography:
key components
The key design elements of HoneyDo reflect its friendly and approachable vibe, using rounded, minimal icons with a chunky and cute style. Buttons, cards, and tiles are all rounded and pillow-shaped, creating a soft and inviting visual feel throughout the app.
color palette
The HoneyDo color palette balances sophistication and vibrancy, ensuring that users can stay focused on their tasks. It also includes a collection of gradient color schemes that users can switch between for personalization.
Deep Grape
#1C1243
Parakeet
#658C08
Limeaide
#C5DB47
White
#FFFFFF
Logo
The HoneyDo logo, written in the "Nighty" font, reflects the brand's unique blend of fun and functionality. The vintage, retro-inspired typeface adds a warm, nostalgic feel, perfectly aligning with HoneyDo's mission to make task management feel more personal, inviting, and creatively engaging, rather than rigid or dull.
Logo:
HoneyDo
App Icon:
Typography
The typography of HoneyDo balances playfulness and professionalism with its use of Nunito for large headings and Nunito Sans for subheadings and body text. Nunito’s rounded, friendly design adds a welcoming feel to the interface, making key sections stand out, while Nunito Sans maintains readability and a modern, clean aesthetic for the app’s main content.
Aa
Nunito
Medium
Bold
Extra Bold
Nunito Sans
Aa
Regular
Medium
Semi-Bold
heading:
Heading 1
Font: nunito / Font Size: 42px / Style: Black
Heading 2
Font: nunito / Font Size: 25px / Style: semi-bold
Heading 3
Font: nunito sans / Font Size: 29px / Style: Med
Body:
Font: nunito sans / Font Size: 17 / Style: regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
UI STYLE GUIDE
lo-fid
mid-fid
initial concept
final design
USER RESEARCH
The user research phase revealed a clear desire for a task management app that balances functionality with an engaging experience. Users expressed frustration with cluttered interfaces and excessive features in existing apps, emphasizing a need for a more streamlined and intuitive design. Feedback highlighted a strong preference for an interface that felt more visually appealing and unique. The playful, personality-driven elements of HoneyDo were especially well-received, adding a sense of enjoyment and motivation. Based on this feedback, the final design retained these playful features while refining the overall experience to be simpler and more user-friendly.
USER FLOW
Welcome Screen
Login Screen
Home Screen
Add Task Screen
Add Task Screen
Progress Screen
Badges Pop-up
USER PERSONA
"Task management should feel as creative as the projects themselves; it’s all about bringing inspiration to every step of the journey."
background:
Melanie is a vibrant and imaginative individual who thrives on creativity and self-expression. Based in Los Angeles, she draws inspiration from the diverse culture and dynamic energy of the city. She is determined to build a successful brand and business that reflects her personality and values, ensuring her journey is as enjoyable as the destination.
name:
Melanie Greene
age:
25
occupation:
Content Creator
location:
Los Angeles, Ca
goals:
Streamline Workflow:
Use HoneyDo to organize her tasks efficiently, allowing more time for creative work and content creation.
Achieve Work-Life Balance:
Manage personal and professional tasks seamlessly to maintain a healthy balance between work and leisure.
Stay Motivated:
Earn badges and rewards within HoneyDo to celebrate progress and keep herself engaged in her tasks.
Set Clear Goals:
Define and track specific, actionable goals that align with her vision for her brand, making it easier to stay focused and productive.
frustrations:
Lack of Personalization:
Traditional task management apps feel rigid and uninspiring, making it difficult to incorporate her creative flair into her workflow.
Overwhelm from Complexity:
Some tools are overly complicated, leading to frustration rather than motivation, and detracting from her creative process.
Difficulty in Tracking Progress:
Finding it challenging to visualize progress in a meaningful way, often leading to feelings of stagnation and burnout.
motivations:
Creative Freedom:
Desire for a task management system that enhances her creative process instead of hindering it, allowing her to express herself fully.
Sense of Achievement:
Motivated by the satisfaction of completing tasks and reaching milestones, driving her to continuously improve and grow.
Community Engagement:
The need to connect with like-minded individuals through the app, sharing achievements and insights to foster a supportive environment.
COMPETITOR ANALYSIS
methodology:
I researched popular task management apps: Todoist, TickTick, Microsoft To Do. I compared their key features, user experiences, and design approaches to identify strengths, weaknesses, and opportunities for differentiation.
Findings:
Todoist:
Wide range of features, but intimidating for new users; limited visual customization.
TickTick:
Includes habit tracking and Pomodoro timers but can overwhelm users seeking simplicity.
Microsoft To-Do:
Offers an integrated, straightforward workflow but lacks engaging design elements.
HoneyDo’s Edge:
Focuses on playful, approachable design, simplified onboarding, and personality-driven features like achievement badges for a fun, less daunting task management experience.
DESIGN PROCESS & TOOLS:
my role:
researcher:
Conducted comprehensive research on task management apps to understand market trends and user needs.
wireframe designer:
Sketched initial app layouts, defining structure and functionality.
ui/ux designer:
Developed visual design elements and user flows, ensuring a seamless user experience.
prototyper:
Built interactive prototypes for user testing, gathering insights on usability.
user tester:
Conducted user tests, collected feedback, and identified areas for improvement.
redesigner:
Refined and iterated on the app design based on user feedback, enhancing both aesthetics and functionality.
tools:
pen & paper:
Used for initial wireframing to outline the app's structure and flow.
sketch:
Created initial design concepts, focusing on the visual layout and interface.
figma
Developed final designs and interactive prototypes for user testing and iteration.
Webaim contrast Tool:
Ensured accessibility compliance by checking color contrast for readability and usability.
FINal concept
Sign-up screen
sign-in screen
Splash Screen
home screen default
filtered home/meatballs menu
Add Task Screen
add task screen
progress screen
progress screen/pop-up
timer screen/focus
timer screen/short break
calendar screen
color themes screen
profile menu screen
notifications settings screen
Splash Screen
Home screen
new task screen
new task screen/notes
progress screen
timer screen
settings screen
profile screen
INITIAL CONCEPT
MOCKUPS
The initial HoneyDo design aimed for a charming, functional experience but struggled with visual clutter and overly complicated elements, particularly on the progress screen, leading to potential user fatigue. In contrast, the final design is streamlined and modern, with a polished, dynamic look that embraces a whimsical feel while focusing on core features. The result is a more refined, user-friendly app that highlights simplicity without sacrificing personality.
PROCESS & TOOLS:
my role:
researcher:
Conducted research on task management apps to understand market trends and user needs.
wireframe designer:
Sketched initial app layouts, defining structure and functionality.
ui/ux designer:
Developed visual design elements and user flows, ensuring a seamless experience for users.
prototyper:
Built interactive prototypes for user testing, gathering insights on usability.
user tester:
User tests, collected feedback, and identified areas for improvement.
redesigner:
Refined and iterated on the app design based on user feedback, enhancing both looks & functionality.
tools:
pen & paper:
Used for initial wireframes to outline the app's structure and flow.
sketch:
Created initial design concepts, focusing on the layout and interface.
figma
Developed final designs and interactive prototypes for user testing and iteration.
Webaim contrast Tool:
Ensured accessibility compliance by checking color contrast for readability and usability.
PROBLEMS & APP SOLUTIONS
PROBLEMS & SOLUTIONS
problems with traditional task management apps:
traditional task management apps:
Dull and uninspired, with rigid, business-like interfaces that can be off-putting to users who don’t naturally gravitate toward structured planning.
Dull and uninspired, with rigid, business-like interfaces that can be off-putting to users who don’t naturally gravitate toward structured planning.
Lack personality, designed for people who already enjoy meticulous organization.
Lack personality, designed for people who already enjoy meticulous organization.
Failure to engage a broader audience, particularly creative individuals or those looking for a more flexible and inviting approach to staying on top of tasks.
Failure to engage a broader audience, particularly creative individuals or those looking for a more flexible and inviting approach to staying on top of tasks.
Leaves many users feeling like task management is a chore in itself, rather than a tool for achieving balance and productivity.
Leaves many users feeling like task management is a chore in itself, rather than a tool for achieving balance and productivity.
honeydo’s solutions:
honeydo’s solutions:
Offers a fresh alternative by blending functionality with a playful touch, making task management enjoyable and accessible for everyone.
Offers a fresh alternative by blending functionality with a playful touch, making task management enjoyable and accessible for everyone.
Softer, friendlier design appeals to users who may not typically use planning tools, such as creatives or those looking for a more approachable experience.
Softer, friendlier design appeals to users who may not typically use planning tools, such as creatives or those looking for a more approachable experience.
Encouraging badges like "Weekend Warrior" for completing tasks on weekends, or "Goal Digger" for setting numerous goals, HoneyDo rewards users not only for completing tasks but for their effort and consistency.
Encouraging badges like "Weekend Warrior" for completing tasks on weekends, or "Goal Digger" for setting numerous goals, HoneyDo rewards users not only for completing tasks but for their effort and consistency.
Designed to be more than just a means to an end—it’s a pleasant, engaging experience that motivates users to stay productive in a fun and light-hearted way.
Designed to be more than just a means to an end—it’s a pleasant, engaging experience that motivates users to stay productive in a fun and light-hearted way.
PROJECT OVERVIEW
PROJECT OVERVIEW
HoneyDo is designed to help users organize and complete their daily to-do lists with a friendly, charming, and engaging interface. Unlike traditional task management apps, HoneyDo takes a softer, more approachable vibe, blending functionality with a warm and inviting design.
HoneyDo is designed to help users organize and complete their daily to-do lists with a friendly, charming, and engaging interface. Unlike traditional task management apps, HoneyDo takes a softer, more approachable vibe, blending functionality with a warm and inviting design.
type:
type:
Task Management App
Task Management App
target audience:
target audience:
Busy individuals who find traditional task managers too dull or intimidating and who want a tool that motivates without overwhelming. This includes:
Busy individuals who find traditional task managers too dull or intimidating and who want a tool that motivates without overwhelming. Including:
Young professionals looking to balance their work and personal life.
Young professionals looking to balance their work and personal life.
College students managing coursework, activities, and personal goals and tasks.
College students managing coursework, activities, and personal goals and tasks.
Homemakers and freelancers seeking a more delightful and less rigid way to stay organized.
Homemakers and freelancers seeking a more delightful and less rigid way to stay organized.
Creative individuals who are drawn to playful and friendly design aesthetics.
Creative individuals who are drawn to playful and friendly design aesthetics.
primary goal:
primary goal:
To make checking off tasks sweet and satisfying, while remaining straightforward and effective. To transform task management into an enjoyable and rewarding experience through light, charming visuals and encouraging language and elements like awards.
To make checking off tasks sweet and satisfying, while remaining straightforward and effective. To transform task management into an enjoyable and rewarding experience through light, charming visuals and encouraging language and elements like awards.
mission:
mission:
To empower users to stay productive in a way that feels light-hearted and fulfilling. We believe that managing tasks doesn't have to feel like a chore. With HoneyDo, every task becomes a step toward a sweeter, more organized life.
Empower users to stay productive in a light-hearted and fulfilling way. Managing tasks doesn't have to feel like a chore. With HoneyDo, every task is a step toward a sweeter, more organized life.
HoneyDo
HoneyDo
task management app case study
task management app case study
COMPETITOR ANALYSIS
methodology:
I researched popular task management apps: Todoist, TickTick, Microsoft To Do. I compared their key features, user experiences, and design approaches to identify strengths, weaknesses, and opportunities for differentiation.
Findings:
Todoist:
Wide range of features, but intimidating for new users; limited visual customization.
TickTick:
Includes habit tracking and Pomodoro timers but can annoy users seeking simplicity.
Microsoft To-Do:
Offers an integrated, streamlined workflow, but lacks engaging design elements.
HoneyDo’s Edge:
Focuses on playful, approachable design, simplified onboarding, and personality-driven features like achievement badges for a fun, less daunting task management experience.
USER PERSONA
name:
Melanie Greene
age:
25
occupation:
occupation:
Content Creator
location:
location:
Los Angeles, Ca
background:
background:
Melanie is a vibrant and imaginative individual who thrives on creativity and self-expression. Based in Los Angeles, she draws inspiration from the diverse culture and dynamic energy of the city. She is determined to build a successful brand and business that reflects her personality and values, ensuring her journey is as enjoyable as the destination.
"Task management should feel as creative as the projects themselves; it’s all about bringing inspiration to every step of the journey."
goals:
Streamline Workflow:
Organize her tasks efficiently, allowing more time for creative work and content creation.
Work-Life Balance:
Manage personal and professional tasks seamlessly to maintain a healthy balance between work and leisure.
Stay Motivated:
Earn badges & rewards to celebrate progress & stay engaged in her tasks.
Set Clear Goals:
Define and track specific, actionable goals that align with her vision, making it easier to stay focused and productive.
frustrations:
Personalization:
Traditional task management apps feel rigid and uninspiring, making it difficult to incorporate her creative flair into her workflow.
Complexity:
Some tools are overly complicated, leading to frustration rather than motivation, and detracting from her creative process.
Tracking Progress:
Finding it challenging to visualize progress in a meaningful way, often leading to feelings of stagnation and burnout.
motivations:
Creative Freedom:
Desire for a task management system that enhances her creative process instead of hindering it, allowing her to express herself fully.
Achievement:
Motivated by the satisfaction of completing tasks/reaching milestones, driving her to continuously improve and grow.
Engagement:
The need to connect with like-minded individuals through the app, sharing achievements and insights to foster a community.
USER FLOW
USER RESEARCH
The user research phase revealed a clear desire for a task management app that balances functionality with an engaging experience. Users expressed frustration with cluttered interfaces and excessive features in existing apps, emphasizing a need for a more streamlined and intuitive design. Feedback highlighted a strong preference for an interface that felt more visually appealing and unique. The playful, personality-driven elements of HoneyDo were especially well-received, adding a sense of enjoyment and motivation. Based on this feedback, the final design retained these playful features while refining the overall experience to be simpler and more user-friendly.
UI STYLE GUIDE
Typography
HoneyDo's typography balances playfulness and professionalism with its use of Nunito for large headings and Nunito Sans for subheadings and body text. Nunito’s rounded, friendly design adds a welcoming feel to the interface, making key sections stand out, while Nunito Sans maintains readability and a modern, clean aesthetic for content.
Nunito
Aa
Medium
Bold
Nunito Sans
Aa
Regular
Medium
heading:
heading:
Heading 1
Font: nunito / Font Size: 42px / Style: Black
Heading 2
Font: nunito / Font Size: 25px / Style: semi-bold
Heading 3
Font: nunito sans / Font Size: 29px / Style: Med
Body:
Body:
Font: nunito sans / Font Size: 17 / Style: regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.