App Redesign

Redesigning the Miko Companion App to create an intuitive and engaging experience for both parents and kids, offering insightful learning analytics and a rich content hub

CLIENT

Miko

CLIENT

Miko

CLIENT

Miko

Role

Design

Role

Design

Role

Design

Service

UI/UX Design

Service

UI/UX Design

Service

UI/UX Design

Orange Flower
Orange Flower
Orange Flower

Problem

Problem

Problem

Current Problems

  • Fragmented Experience: Previously, Miko had two separate apps for parents and kids, creating a disjointed user experience.

  • Limited Accessibility: The app was only available on mobile, restricting usability for tablet users

  • No clear visual hierarchy: Important content wasn’t prioritized properly.

  • Cluttered Kids’ UI: The Kids Zone had a busy layout with mixed navigation and excessive colors, making it confusing for young users.

  • Unintuitive Parent Navigation: Important features in the parent app were difficult to access, with key controls buried in menus.

  • Parent app felt outdated: Top and bottom navigation didn’t align with modern UI patterns.


Business Goals

Unify the experience by combining the parent and child apps into a single, cohesive platform.

Improve parental controls by providing easy access to child insights, learning data & settings

Streamline navigation with a structured, intuitive layout and optimized menus for clarity and efficiency

Ensure a visually engaging and inclusive experience that caters to both parents and children



Interview Takeaways



Competitor Analysis


Key Features

Strengths

Weakness

Lingo Kids

  • Gamified language learning with interactive storytelling.

  • Songs, stories, and activities to reinforce vocabulary.

  • Offline mode allows downloading content for learning anytime.

  • Parental dashboard with progress tracking.

  • Bright & colorful UI: Uses fun, engaging visuals that appeal to kids.

  • Gamification elements: Progress bars, badges, and rewards to keep children engaged.

  • Large, tappable buttons: Easy navigation for young children.

  • Minimal text, more visuals

  • Can feel overstimulating due to excessive animations and colors.

  • Too much visual clutter in some screens, making it slightly overwhelming.

  • Parental section is not well-integrated with the child’s experience.

Khan Academy

  • Completely free with no ads or in-app purchases.

  • Interactive books and drawing activities for creativity.

  • Curriculum designed by experts & teachers for structured learning.

  • Skill-building exercises that adapt to the child’s pace.

  • Simple, calming visuals: Softer colors and smooth animations for a relaxing experience.

  • Illustrative & character-driven UI: Uses friendly animal mascots to guide children.

  • Straightforward progress-based layout.

  • Minimalist design

  • Lacks personalization: No adaptive UI elements based on child’s behavior.

  • No gamification elements: No rewards, badges, or engaging progression system.

  • Navigation can feel basic: Lacks the excitement of a playful learning environment.

Current Problems

  • Fragmented Experience: Previously, Miko had two separate apps for parents and kids, creating a disjointed user experience.

  • Limited Accessibility: The app was only available on mobile, restricting usability for tablet users

  • No clear visual hierarchy: Important content wasn’t prioritized properly.

  • Cluttered Kids’ UI: The Kids Zone had a busy layout with mixed navigation and excessive colors, making it confusing for young users.

  • Unintuitive Parent Navigation: Important features in the parent app were difficult to access, with key controls buried in menus.

  • Parent app felt outdated: Top and bottom navigation didn’t align with modern UI patterns.


Business Goals

Unify the experience by combining the parent and child apps into a single, cohesive platform.

Improve parental controls by providing easy access to child insights, learning data & settings

Streamline navigation with a structured, intuitive layout and optimized menus for clarity and efficiency

Ensure a visually engaging and inclusive experience that caters to both parents and children



Interview Takeaways



Competitor Analysis


Key Features

Strengths

Weakness

Lingo Kids

  • Gamified language learning with interactive storytelling.

  • Songs, stories, and activities to reinforce vocabulary.

  • Offline mode allows downloading content for learning anytime.

  • Parental dashboard with progress tracking.

  • Bright & colorful UI: Uses fun, engaging visuals that appeal to kids.

  • Gamification elements: Progress bars, badges, and rewards to keep children engaged.

  • Large, tappable buttons: Easy navigation for young children.

  • Minimal text, more visuals

  • Can feel overstimulating due to excessive animations and colors.

  • Too much visual clutter in some screens, making it slightly overwhelming.

  • Parental section is not well-integrated with the child’s experience.

Khan Academy

  • Completely free with no ads or in-app purchases.

  • Interactive books and drawing activities for creativity.

  • Curriculum designed by experts & teachers for structured learning.

  • Skill-building exercises that adapt to the child’s pace.

  • Simple, calming visuals: Softer colors and smooth animations for a relaxing experience.

  • Illustrative & character-driven UI: Uses friendly animal mascots to guide children.

  • Straightforward progress-based layout.

  • Minimalist design

  • Lacks personalization: No adaptive UI elements based on child’s behavior.

  • No gamification elements: No rewards, badges, or engaging progression system.

  • Navigation can feel basic: Lacks the excitement of a playful learning environment.

Current Problems

  • Fragmented Experience: Previously, Miko had two separate apps for parents and kids, creating a disjointed user experience.

  • Limited Accessibility: The app was only available on mobile, restricting usability for tablet users

  • No clear visual hierarchy: Important content wasn’t prioritized properly.

  • Cluttered Kids’ UI: The Kids Zone had a busy layout with mixed navigation and excessive colors, making it confusing for young users.

  • Unintuitive Parent Navigation: Important features in the parent app were difficult to access, with key controls buried in menus.

  • Parent app felt outdated: Top and bottom navigation didn’t align with modern UI patterns.


Business Goals

Unify the experience by combining the parent and child apps into a single, cohesive platform.

Improve parental controls by providing easy access to child insights, learning data & settings

Streamline navigation with a structured, intuitive layout and optimized menus for clarity and efficiency

Ensure a visually engaging and inclusive experience that caters to both parents and children



Interview Takeaways



Competitor Analysis


Key Features

Strengths

Weakness

Lingo Kids

  • Gamified language learning with interactive storytelling.

  • Songs, stories, and activities to reinforce vocabulary.

  • Offline mode allows downloading content for learning anytime.

  • Parental dashboard with progress tracking.

  • Bright & colorful UI: Uses fun, engaging visuals that appeal to kids.

  • Gamification elements: Progress bars, badges, and rewards to keep children engaged.

  • Large, tappable buttons: Easy navigation for young children.

  • Minimal text, more visuals

  • Can feel overstimulating due to excessive animations and colors.

  • Too much visual clutter in some screens, making it slightly overwhelming.

  • Parental section is not well-integrated with the child’s experience.

Khan Academy

  • Completely free with no ads or in-app purchases.

  • Interactive books and drawing activities for creativity.

  • Curriculum designed by experts & teachers for structured learning.

  • Skill-building exercises that adapt to the child’s pace.

  • Simple, calming visuals: Softer colors and smooth animations for a relaxing experience.

  • Illustrative & character-driven UI: Uses friendly animal mascots to guide children.

  • Straightforward progress-based layout.

  • Minimalist design

  • Lacks personalization: No adaptive UI elements based on child’s behavior.

  • No gamification elements: No rewards, badges, or engaging progression system.

  • Navigation can feel basic: Lacks the excitement of a playful learning environment.

Solution

Solution

Solution

Userflow



Main Screen Wireframes

Kids’ Side Wireframes:
  • Intuitive layouts with vibrant colors, large tappable buttons, and playful animations.
  • Gamified interface with progress bars, badges, and pop-ups for rewards.
Parents’ Side Wireframes:
  • Clean, minimalistic design with a focus on functionality and ease of use.
  • Sections clearly divided into tabs for quick access to controls and settings



Design Language

  • Kids’ Side: Bright and cheerful colors like yellow, blue, and pink.

  • Parents’ Side: Neutral and calming tones like gray, navy, and white

  • Fun, rounded fonts for kids’ side.

  • Clean, sans-serif fonts for parents’ side.

  • Playful, kid-friendly icons for dancing, music, etc.

  • Clear and professional icons for parental controls and safety.



Final Screens

The Companion App bridges the gap between fun and functionality, providing a safe and engaging digital space for kids while empowering parents with comprehensive controls

The design is fully responsive for both mobile and tablet devices, ensuring a seamless experience across screens. It also includes accessibility features such as a high-contrast mode for better visibility, voice guidance to support younger users and parents with disabilities, and adjustable text sizes to suit individual reading preferences


Userflow



Main Screen Wireframes

Kids’ Side Wireframes:
  • Intuitive layouts with vibrant colors, large tappable buttons, and playful animations.
  • Gamified interface with progress bars, badges, and pop-ups for rewards.
Parents’ Side Wireframes:
  • Clean, minimalistic design with a focus on functionality and ease of use.
  • Sections clearly divided into tabs for quick access to controls and settings



Design Language

  • Kids’ Side: Bright and cheerful colors like yellow, blue, and pink.

  • Parents’ Side: Neutral and calming tones like gray, navy, and white

  • Fun, rounded fonts for kids’ side.

  • Clean, sans-serif fonts for parents’ side.

  • Playful, kid-friendly icons for dancing, music, etc.

  • Clear and professional icons for parental controls and safety.



Final Screens

The Companion App bridges the gap between fun and functionality, providing a safe and engaging digital space for kids while empowering parents with comprehensive controls

The design is fully responsive for both mobile and tablet devices, ensuring a seamless experience across screens. It also includes accessibility features such as a high-contrast mode for better visibility, voice guidance to support younger users and parents with disabilities, and adjustable text sizes to suit individual reading preferences


Userflow



Main Screen Wireframes

Kids’ Side Wireframes:
  • Intuitive layouts with vibrant colors, large tappable buttons, and playful animations.
  • Gamified interface with progress bars, badges, and pop-ups for rewards.
Parents’ Side Wireframes:
  • Clean, minimalistic design with a focus on functionality and ease of use.
  • Sections clearly divided into tabs for quick access to controls and settings



Design Language

  • Kids’ Side: Bright and cheerful colors like yellow, blue, and pink.

  • Parents’ Side: Neutral and calming tones like gray, navy, and white

  • Fun, rounded fonts for kids’ side.

  • Clean, sans-serif fonts for parents’ side.

  • Playful, kid-friendly icons for dancing, music, etc.

  • Clear and professional icons for parental controls and safety.



Final Screens

The Companion App bridges the gap between fun and functionality, providing a safe and engaging digital space for kids while empowering parents with comprehensive controls

The design is fully responsive for both mobile and tablet devices, ensuring a seamless experience across screens. It also includes accessibility features such as a high-contrast mode for better visibility, voice guidance to support younger users and parents with disabilities, and adjustable text sizes to suit individual reading preferences


Use Template