MileOne

Overview

MileOne is a mobile application designed to help beginner runners establish a consistent running practice by providing personalised training plans, real-time feedback, and motivational support through an AI coach.

Problem

New runners face significant barriers to entry when starting their running journey. The entry hurdle to get into running can be quite high for a lot of people, compounded by complexities around personalised training plan creation and injury prevention that can discourage beginners.

Key Design Challenges

• Onboarding Experience — Creating trust and setting accurate expectations about app capabilities
• AI Coach Integration — Determining optimal touchpoints for the AI coaching experience

Process

Planning Phase
Developed an AI feature table outlining the Coach's core functions (personalised plans, real-time feedback). Created data flow diagrams showing how user inputs convert into tailored recommendations.

Design Phase
Experimented with conversational onboarding leveraging LLM chatbot technology. Implemented a question-based flow to determine fitness goals and current fitness levels. Documented all screens in a UI Spec document and built an interactive prototype using Framer.

Key Learnings

• AI Integration — Understanding how to incorporate appropriate tone and establish correct user mental models when designing chatbot experiences
• Personalisation — Customised recommendations build user trust in AI capabilities and prove more effective for injury prevention and goal achievement
• Thorough Planning — Comprehensive pre-development planning of structure, features, and user interactions prevents downstream complications

Design Philosophy

Finding the right balance between automation and human interaction when integrating AI features, while maintaining user trust and engagement.

Tools

Figma, Framer