Mira

How Mira is making environmental data accessible, engaging, and actionable for all.

Type

Product Design

Team

Solo designer, 1 product manager, 2 engineers, 2 researcher

Year

Sept 2020 - July 2021

Mira

How Mira is making environmental data accessible, engaging, and actionable for all.

Type

Product Design

Team

Solo designer, 1 product manager, 2 engineers, 2 researcher

Year

Sept 2020 - July 2021

Mira

How Mira is making environmental data accessible, engaging, and actionable for all.

Type

Product Design

Team

Solo designer, 1 product manager, 2 engineers, 2 researcher

Year

Sept 2020 - July 2021

Overview

Bangalore’s lakes are vital ecological assets but are rapidly deteriorating due to pollution and public disengagement. We took on the challenge of designing Mira, an open-source mobile app that makes complex lake health data accessible and engaging for everyday citizens, transforming scientific insights into intuitive, user-friendly experiences.

Overview

Bangalore’s lakes are vital ecological assets but are rapidly deteriorating due to pollution and public disengagement. We took on the challenge of designing Mira, an open-source mobile app that makes complex lake health data accessible and engaging for everyday citizens, transforming scientific insights into intuitive, user-friendly experiences.

Overview

Bangalore’s lakes are vital ecological assets but are rapidly deteriorating due to pollution and public disengagement. We took on the challenge of designing Mira, an open-source mobile app that makes complex lake health data accessible and engaging for everyday citizens, transforming scientific insights into intuitive, user-friendly experiences.

Solution

We designed a minimum viable product (MVP) for three key lakes, combining multi-language support, biodiversity insights, and GPS-enabled audio-visual tours to foster curiosity, learning, and conservation action among users of all ages.

Solution

We designed a minimum viable product (MVP) for three key lakes, combining multi-language support, biodiversity insights, and GPS-enabled audio-visual tours to foster curiosity, learning, and conservation action among users of all ages.

Solution

We designed a minimum viable product (MVP) for three key lakes, combining multi-language support, biodiversity insights, and GPS-enabled audio-visual tours to foster curiosity, learning, and conservation action among users of all ages.

Role

As the UX designer, I led the entire process—from research and wireframing to high-fidelity prototyping—integrating Lottie animations, prioritizing accessibility, and running iterative usability studies to ensure the app bridged the gap between citizens and environmental science.

Role

As the UX designer, I led the entire process—from research and wireframing to high-fidelity prototyping—integrating Lottie animations, prioritizing accessibility, and running iterative usability studies to ensure the app bridged the gap between citizens and environmental science.

Role

As the UX designer, I led the entire process—from research and wireframing to high-fidelity prototyping—integrating Lottie animations, prioritizing accessibility, and running iterative usability studies to ensure the app bridged the gap between citizens and environmental science.

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.

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.

Press
Press
Press

The Hindu

App to help test water quality of lakes

The Hindu

App to help test water quality of lakes

The Hindu

App to help test water quality of lakes

Mongabay

Will citizen technology rescue Bengaluru’s lakes in 2019?

Mongabay

Will citizen technology rescue Bengaluru’s lakes in 2019?

Mongabay

Will citizen technology rescue Bengaluru’s lakes in 2019?

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.

Next Project
Transforming Environmental Data into Actionable Insights
Next Project
Transforming Environmental Data into Actionable Insights
Next Project
Transforming Environmental Data into Actionable Insights

Up