Taskie
Taskie
Taskie
TIME
TIME
2025 - 2026
2025 - 2026
MY ROLE
MY ROLE
UI / UX Design
UI / UX Design
Coding
Coding
TEAM
TEAM
Mankin
Mankin
Cherry
Cherry
Overview
Overview
Taskie is an innovative habit-tracking and lifestyle-sharing mobile app designed to help users build consistent daily routines through virtual pet companionship. The goal is to transform tedious daily tasks into an engaging, rewarding experience while offering a low-pressure platform for personal reflection and social connection.
Taskie is an innovative habit-tracking and lifestyle-sharing mobile app designed to help users build consistent daily routines through virtual pet companionship. The goal is to transform tedious daily tasks into an engaging, rewarding experience while offering a low-pressure platform for personal reflection and social connection.
Challenge
Challenge
The main challenge was to design a mobile app that successfully balances productivity with emotional engagement. We needed to prevent users from abandoning their habits due to busy schedules or tedious interfaces, while ensuring a seamless user flow from task execution to pet interaction and photo sharing.
The main challenge was to design a mobile app that successfully balances productivity with emotional engagement. We needed to prevent users from abandoning their habits due to busy schedules or tedious interfaces, while ensuring a seamless user flow from task execution to pet interaction and photo sharing.
1. Empathy Map
1. Empathy Map
- An all-in-one mobile app blending task management, virtual pet, and social photo sharing.
- An all-in-one mobile app blending task management, virtual pet, and social photo sharing.
- Designed to turn daily routines into a playful, rewarding, and connected experience.
- Designed to turn daily routines into a playful, rewarding, and connected experience.
3. Brainstorming
3. Brainstorming
- Expanding our initial ideas into structured pillars: Task Management, Gamification, and Social Sharing.
- Expanding our initial ideas into structured pillars: Task Management, Gamification, and Social Sharing.
- Exploring creative ways to merge productivity with virtual pet engagement and life reflection.
- Exploring creative ways to merge productivity with virtual pet engagement and life reflection.
5. Information Architecture
5. Information Architecture
- Mapping out logical page hierarchies and navigation flows to ensure a seamless user journey.
- Mapping out logical page hierarchies and navigation flows to ensure a seamless user journey.
- Designing a clear and intuitive IA tree to minimize user friction during cross-page navigation.
- Designing a clear and intuitive IA tree to minimize user friction during cross-page navigation.
7. Visual Design
7. Visual Design
- Established a cohesive visual design system incorporating pastel color palettes and friendly rounded typography.
- Established a cohesive visual design system incorporating pastel color palettes and friendly rounded typography.
- Defined color schemes and typography scales to ensure a consistent, cozy aesthetic across the app.
- Defined color schemes and typography scales to ensure a consistent, cozy aesthetic across the app.
2. Persona Development
2. Persona Development
- Creating a user persona to understand how busy professionals balance career growth and personal habits.
- Creating a user persona to understand how busy professionals balance career growth and personal habits.
- Understanding the daily routines, motivations, and frustrations of busy target users.
- Understanding the daily routines, motivations, and frustrations of busy target users.
4. Storyboard
4. Storyboard
- Illustrates Milo's user journey of using Taskie to stay motivated and accomplish his evening reading goals.
- Illustrates Milo's user journey of using Taskie to stay motivated and accomplish his evening reading goals.
- Demonstrates how Taskie transforms everyday routines into engaging and rewarding habits through pet companionship.
- Demonstrates how Taskie transforms everyday routines into engaging and rewarding habits through pet companionship.
6. Wireframing
6. Wireframing
- Developed wireframes using Figma to outline the app's layout, focusing on intuitive user journeys.
- Developed wireframes using Figma to outline the app's layout, focusing on intuitive user journeys.
- Designed practical wireframes to ensure layout clarity and technical feasibility.
- Designed practical wireframes to ensure layout clarity and technical feasibility.
8. Prototyping
8. Prototyping
- Developed a comprehensive interactive prototype featuring task management, pet cultivation, and social sharing.
- Implemented seamless user flows connecting the dashboard, task tracker, calendar, and social features.
- Implemented seamless user flows connecting the dashboard, task tracker, calendar, and social features.
1. Empathy Map
- An all-in-one mobile app blending task management, virtual pet, and social photo sharing.
- Designed to turn daily routines into a playful, rewarding, and connected experience.
2. Persona Development
- Creating a user persona to understand how busy professionals balance career growth and personal habits.
- Understanding the daily routines, motivations, and frustrations of busy target users.
3. Brainstorming
- Expanding our initial ideas into structured pillars: Task Management, Gamification, and Social Sharing.
- Exploring creative ways to merge productivity with virtual pet engagement and life reflection.
4. Storyboard
- Illustrates Milo's user journey of using Taskie to stay motivated and accomplish his evening reading goals.
- Demonstrates how Taskie transforms everyday routines into engaging and rewarding habits through pet companionship.
5. Information Architecture
- Mapping out logical page hierarchies and navigation flows to ensure a seamless user journey.
- Designing a clear and intuitive IA tree to minimize user friction during cross-page navigation.
6. Wireframing
- Developed wireframes using Figma to outline the app's layout, focusing on intuitive user journeys.
- Designed practical wireframes to ensure layout clarity and technical feasibility.
7. Visual Design
- Established a cohesive visual design system incorporating pastel color palettes and friendly rounded typography.
- Defined color schemes and typography scales to ensure a consistent, cozy aesthetic across the app.
8. Prototyping
- Developed a comprehensive interactive prototype featuring task management, pet cultivation, and social sharing.
- Implemented seamless user flows connecting the dashboard, task tracker, calendar, and social features.
High-Fidelity Designs
High-Fidelity Designs
Final Product & Demo
Final Product & Demo
The Result
The Result
The Result
- Successfully designed and prototyped Taskie, a comprehensive mobile app concept combining task management, virtual pet care, and social sharing.
- Successfully designed and prototyped Taskie, a comprehensive mobile app concept combining task management, virtual pet care, and social sharing.
- Successfully designed and prototyped Taskie, a comprehensive mobile app concept combining task management, virtual pet care, and social sharing.
- Successfully integrated interactive user flows to transform daily habit-building into an engaging and rewarding experience.
- Successfully integrated interactive user flows to transform daily habit-building into an engaging and rewarding experience.
- Successfully integrated interactive user flows to transform daily habit-building into an engaging and rewarding experience.
Reflection
Reflection
Reflection
- Gained valuable learning experiences in balancing user needs, visual aesthetics, and system flow throughout the design process.
- Gained valuable learning experiences in balancing user needs, visual aesthetics, and system flow throughout the design process.
- Gained valuable learning experiences in balancing user needs, visual aesthetics, and system flow throughout the design process.
- Realized that every step in UI/UX design is crucial to building a coherent and effective product.
- Realized that every step in UI/UX design is crucial to building a coherent and effective product.
- Realized that every step in UI/UX design is crucial to building a coherent and effective product.
© Mankin Portfolio | Created by Mankin
Made in Framer
© Mankin Portfolio | Created by Mankin
Made in Framer
© Mankin Portfolio | Created by Mankin
Made in Framer