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 dev to craft components and micro animations
Team
Solo designer, 1 product manager, 2 engineers, 2 researcher
Timeline
Sept 2020 - July 2021
Type
Product Design
My Role
Designing the app end-to-end, working closely with dev to craft components and micro animations
Team
Solo designer, 1 product manager, 2 engineers, 2 researcher
Timeline
Sept 2020 - July 2021
Type
Product Design
My Role
Designing the app end-to-end, working closely with dev to craft components and micro animations
Team
Solo designer, 1 product manager, 2 engineers, 2 researcher
Timeline
Sept 2020 - July 2021
How can we engage citizens to preserve their local lakes through technology?
How can we engage citizens to preserve their local lakes through technology?
We designed a user-friendly mobile app that empowers citizens to explore and care for Bangalore’s lakes through an interactive, science-based approach. By integrating water quality data, biodiversity insights, and an audio-visual guided tour, the app enhances users’ understanding of local lakes. This solution led to increased engagement among lake enthusiasts of all ages, fostering a deeper connection to their environment.
We designed a user-friendly mobile app that empowers citizens to explore and care for Bangalore’s lakes through an interactive, science-based approach. By integrating water quality data, biodiversity insights, and an audio-visual guided tour, the app enhances users’ understanding of local lakes. This solution led to increased engagement among lake enthusiasts of all ages, fostering a deeper connection to their environment.
We designed a user-friendly mobile app that empowers citizens to explore and care for Bangalore’s lakes through an interactive, science-based approach. By integrating water quality data, biodiversity insights, and an audio-visual guided tour, the app enhances users’ understanding of local lakes. This solution led to increased engagement among lake enthusiasts of all ages, fostering a deeper connection to their environment.
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.
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.
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.
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
Project Phases
Project Phases
Discover
Our research addressed the lack of centralised lake information for enthusiasts and experts. Using interviews and surveys, we identified user needs for a unified, interactive experience. This guided the design of a user-friendly app with multi-language support, location-tracked tours, and key data on water quality and biodiversity, ensuring a seamless, engaging experience.
Discover
Our research addressed the lack of centralised lake information for enthusiasts and experts. Using interviews and surveys, we identified user needs for a unified, interactive experience. This guided the design of a user-friendly app with multi-language support, location-tracked tours, and key data on water quality and biodiversity, ensuring a seamless, engaging experience.
Discover
Our research addressed the lack of centralised lake information for enthusiasts and experts. Using interviews and surveys, we identified user needs for a unified, interactive experience. This guided the design of a user-friendly app with multi-language support, location-tracked tours, and key data on water quality and biodiversity, ensuring a seamless, engaging experience.
User Persona
User Persona
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.
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.
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.
Design
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.
Design
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.
Design
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.
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.
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 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.
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.
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
High Fidelity Prototype
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.
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.
In the news
In the news
In the news
In the news
In the news
In the news
Accessibility considerations
Accessibility considerations
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.
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.
