Mira
Designing an app for Bangalore's lakes with guided tours
Mira
Designing an app for Bangalore's lakes with guided tours
Mira
Designing an app for Bangalore's lakes with guided tours
Type
Product Design
My Role
Designing the app end-to-end, working closely with engineering to craft elements and motion in detail.
Team
Solo designer, 2 Content writers, 1 Product Manager, 2 engineers
Timeline
Sept 2020 - July 2021
Type
Product Design
My Role
Designing the app end-to-end, working closely with engineering to craft elements and motion in detail.
Team
Solo designer, 2 Content writers, 1 Product Manager, 2 engineers
Timeline
Sept 2020 - July 2021
Type
Product Design
My Role
Designing the app end-to-end, working closely with engineering to craft elements and motion in detail.
Team
Solo designer, 2 Content writers, 1 Product Manager, 2 engineers
Timeline
Sept 2020 - July 2021
The Mira app is your go-to guide for exploring and contributing to Bangalore's beautiful lakes. Our initiative empowers citizens to learn and care for their local lakes using simple, science-based methods. With features showcasing water quality and biodiversity, users gain a holistic understanding of these crucial environmental spaces. An audio-visual tour lends to an interactive experience, guiding users through their exploration of the app and their local lakes.
The Mira app is your go-to guide for exploring and contributing to Bangalore's beautiful lakes. Our initiative empowers citizens to learn and care for their local lakes using simple, science-based methods. With features showcasing water quality and biodiversity, users gain a holistic understanding of these crucial environmental spaces. An audio-visual tour lends to an interactive experience, guiding users through their exploration of the app and their local lakes.
Project Overview
Conceptualise and create an app aimed at empowering lake enthusiasts with comprehensive information about the lakes in their vicinity. Through a digital guide, the app will serve as a valuable tool to educate users and enhance their understanding of local lakes.
Project Overview
Conceptualise and create an app aimed at empowering lake enthusiasts with comprehensive information about the lakes in their vicinity. Through a digital guide, the app will serve as a valuable tool to educate users and enhance their understanding of local lakes.
Responsibilities
Undertaking a comprehensive design process, including research, digital wireframing, low and high-fidelity prototyping, integrating Lottie animations, conducting usability studies, accounting for accessibility considerations, and iteratively refining the design.
Responsibilities
Undertaking a comprehensive design process, including research, digital wireframing, low and high-fidelity prototyping, integrating Lottie animations, conducting usability studies, accounting for accessibility considerations, and iteratively refining the design.
Problem & Goal
Our challenge was to design a minimum viable product (MVP) focused on three lakes, bridging the gap between lake enthusiasts and experts while boosting lake activities. We aimed for accessibility with multi-language support and an engaging, interactive experience. Users of all ages can enjoy location-tracked tours, making it a user-friendly app that brings the lakes to life.
Problem & Goal
Our challenge was to design a minimum viable product (MVP) focused on three lakes, bridging the gap between lake enthusiasts and experts while boosting lake activities. We aimed for accessibility with multi-language support and an engaging, interactive experience. Users of all ages can enjoy location-tracked tours, making it a user-friendly app that brings the lakes to life.
Project Phases
User Persona
Age: 15 - 30
Occupations: Open to all
Goal: Gain insights into the lakes in the user's vicinity and expand knowledge about them.
Frustrations: Lack of centralised information on various aspects of the lake.
Our user persona caters to individuals seeking comprehensive information about the lakes in their vicinity. It comprises two segments: lake enthusiasts and lake health experts. This persona encompasses a diverse range of individuals falling into these two categories.
Information Architecture
We devised the information architecture to meticulously map out the user's journey within the app. The objective was to optimise their navigation through key features, creating a seamless experience while ensuring all information is easily comprehensible.
Information Architecture
We devised the information architecture to meticulously map out the user's journey within the app. The objective was to optimise their navigation through key features, creating a seamless experience while ensuring all information is easily comprehensible.
User Journey Map
After users grasped their carbon footprint for a specific duration, they had the choice to take action and offset it. This involved selecting from a range of available projects they could support. Upon making their selection, they could proceed with the offsetting process.
User Journey Map
After users grasped their carbon footprint for a specific duration, they had the choice to take action and offset it. This involved selecting from a range of available projects they could support. Upon making their selection, they could proceed with the offsetting process.
Designing a Lively and Interactive App
In the design phase, we started with meticulous digital wireframes based on our deep understanding of the app's purpose. We envisioned Mira as a virtual assistant, guiding users through tours and offering scientific insights about the lake. To enhance interactivity, we incorporated lottie animations, providing users with interactive feedback for an engaging experience. Careful attention was given to typography, ensuring seamless translation into multiple languages, including Hindi and Kannada.
Designing a Lively and Interactive App
In the design phase, we started with meticulous digital wireframes based on our deep understanding of the app's purpose. We envisioned Mira as a virtual assistant, guiding users through tours and offering scientific insights about the lake. To enhance interactivity, we incorporated lottie animations, providing users with interactive feedback for an engaging experience. Careful attention was given to typography, ensuring seamless translation into multiple languages, including Hindi and Kannada.
Noto Sans
Noto Sans
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( ) _ + { } < >
1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( ) _ + { } < >
Aa
Aa
Aa
ಎಲ
ಎಲ
ಎಲ
#00B5A2
#083E38
#DDF0EF
#F1F9F8
#FFE183
#FCAA60
#FF527B
Lake Screen Breakdown
Here is the breakdown of the main lake screen. The interactive main navigation is located at the bottom and becomes active with user interactions. Users can also view their live location and easily navigate around the lake to explore different spots.
Lake Screen Breakdown
Here is the breakdown of the main lake screen. The interactive main navigation is located at the bottom and becomes active with user interactions. Users can also view their live location and easily navigate around the lake to explore different spots.
First time onboarding
This onboarding flow is designed to guide users through their initial experience with the app. After selecting their preferred language, users are systematically introduced to all the features the app has to offer.
First time onboarding
This onboarding flow is designed to guide users through their initial experience with the app. After selecting their preferred language, users are systematically introduced to all the features the app has to offer.
Tour onboarding
Introducing the concept of a nature tour was innovative, prompting the creation of an onboarding experience for first-time users. This ensures users become familiar with the various elements on the screen, preventing any feelings of being overwhelmed.
Tour onboarding
Introducing the concept of a nature tour was innovative, prompting the creation of an onboarding experience for first-time users. This ensures users become familiar with the various elements on the screen, preventing any feelings of being overwhelmed.
Tour Flow
Encompassing the entire tour flow up to the initial milestone, the design aims to notify users upon reaching each milestone and engaging in a related activity. These milestones are strategically aligned with the lake's design, offering activities such as bird spotting or listening to their sounds using the audio guide. The overarching goal is to empower users with comprehensive information and education about the lakes.
Tour Flow
Encompassing the entire tour flow up to the initial milestone, the design aims to notify users upon reaching each milestone and engaging in a related activity. These milestones are strategically aligned with the lake's design, offering activities such as bird spotting or listening to their sounds using the audio guide. The overarching goal is to empower users with comprehensive information and education about the lakes.
So What Flow
The lake authorities conduct measurements of various water quality aspects, including nitrate levels and dissolved oxygen. Recognising that these values may be challenging for lake visitors or enthusiasts to comprehend, we developed user-friendly cards. These cards serve as a simplified guide, making it easy for users to understand the information and offering ongoing assistance in the future.
So What Flow
The lake authorities conduct measurements of various water quality aspects, including nitrate levels and dissolved oxygen. Recognising that these values may be challenging for lake visitors or enthusiasts to comprehend, we developed user-friendly cards. These cards serve as a simplified guide, making it easy for users to understand the information and offering ongoing assistance in the future.
High Fidelity Prototype
Micro Interactions
Implemented numerous micro-animations to accentuate the app's core functionality, with a specific emphasis on enhancing the vibrancy of the MIRA assistant through lively interactions.
Micro Interactions
Implemented numerous micro-animations to accentuate the app's core functionality, with a specific emphasis on enhancing the vibrancy of the MIRA assistant through lively interactions.
Accessibility considerations
Inclusive design with support for multiple regional languages ensures users can easily choose options that suit their preferences.
Integration of visual icons, images, and Lottie animations throughout the app serves as an accessibility feature, guiding users' attention and enhancing the overall user experience.
Takeaway
Working on Mira, an app that educates users about Bangalore's lakes in an informative and gamified manner, was an exciting and insightful experience. On-site user research allowed me to understand user pain points and needs deeply. This pioneering initiative aimed to connect lake visitors and advocates, documenting water quality while offering an immersive experience to explore the lake's flora and fauna. It provided a valuable experience for designing playful and engaging apps for diverse user groups.
Takeaway
Working on Mira, an app that educates users about Bangalore's lakes in an informative and gamified manner, was an exciting and insightful experience. On-site user research allowed me to understand user pain points and needs deeply. This pioneering initiative aimed to connect lake visitors and advocates, documenting water quality while offering an immersive experience to explore the lake's flora and fauna. It provided a valuable experience for designing playful and engaging apps for diverse user groups.
Let's Collaborate!
Follow me for regular updates and exploration
© Aakash Doshi 2024
Let's Collaborate!
Follow me for regular updates and exploration
© Aakash Doshi 2024
Let's Collaborate!
Follow me for regular updates and exploration
© Aakash Doshi 2024