Taskie
Taskie
Taskie
TIME
TIME
2025 - 2026
2025 - 2026
TEAM
TEAM
Mankin
Mankin
Cherry
Cherry
MY ROLE
MY ROLE
UI / UX Design
UI / UX Design
Coding
Coding
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 care, and social photo sharing.
- An all-in-one mobile app blending task management, virtual pet care, 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
- An all-in-one mobile app integrating task management, pet cultivation, sensor-based mini-games, and social sharing.
- An all-in-one mobile app integrating task management, pet cultivation, sensor-based mini-games, and social sharing.
- An all-in-one mobile app integrating task management, pet cultivation, sensor-based mini-games, and social sharing.
- An all-in-one mobile app integrating task management, pet cultivation, sensor-based mini-games, and social sharing.
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
- An all-in-one mobile app integrating task management, pet cultivation, sensor-based mini-games, and social sharing.
- An all-in-one mobile app integrating task management, pet cultivation, sensor-based mini-games, and social sharing.
- An all-in-one mobile app integrating task management, pet cultivation, sensor-based mini-games, and social sharing.
- An all-in-one mobile app integrating task management, pet cultivation, sensor-based mini-games, and social sharing.
1. Empathy Map
- An all-in-one mobile app blending task management, virtual pet care, 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
- An all-in-one mobile app integrating task management, pet cultivation, sensor-based mini-games, and social sharing.
- An all-in-one mobile app integrating task management, pet cultivation, sensor-based mini-games, and social sharing.
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
- An all-in-one mobile app integrating task management, pet cultivation, sensor-based mini-games, and social sharing.
- An all-in-one mobile app integrating task management, pet cultivation, sensor-based mini-games, and social sharing.
High-Fidelity Designs
High-Fidelity Designs
Final Product & Demo
Final Product & Demo
© Mankin Portfolio | Created by Mankin
Made in Framer
© Mankin Portfolio | Created by Mankin
Made in Framer
© Mankin Portfolio | Created by Mankin
Made in Framer