Industry
Transportation &
mobility industry
Transportation &
mobility industry
Yatri Overview
Yatri Overview
Yatri Overview
The Yatri App is a smart and easy-to-use platform designed to simplify train commuting. It provides real-time train updates, alternate route suggestions, and seamless digital ticketing, making travel stress-free and efficient. Whether you're a daily commuter, an occasional traveler, or a tourist navigating busy cities, Yatri ensures a smooth and hassle-free journey.
The Yatri App is a smart and easy-to-use platform designed to simplify train commuting. It provides real-time train updates, alternate route suggestions, and seamless digital ticketing, making travel stress-free and efficient. Whether you're a daily commuter, an occasional traveler, or a tourist navigating busy cities, Yatri ensures a smooth and hassle-free journey.
The Yatri App is a smart and easy-to-use platform designed to simplify train commuting. It provides real-time train updates, alternate route suggestions, and seamless digital ticketing, making travel stress-free and efficient. Whether you're a daily commuter, an occasional traveler, or a tourist navigating busy cities, Yatri ensures a smooth and hassle-free journey.
My Role
I aimed to develop a seamless user experience that transforms commuting into a straightforward and enjoyable journey for everyone.
Worked as a UX Researcher, UX designer, UI Designer, Motion, & Graphic designer
I aimed to develop a seamless user experience that transforms commuting into a straightforward and enjoyable journey for everyone.
Worked as a UX Researcher, UX designer, UI Designer, Motion, & Graphic designer
I aimed to develop a seamless user experience that transforms commuting into a straightforward and enjoyable journey for everyone.
Worked as a UX Researcher, UX designer, UI Designer, Motion, & Graphic designer
Problem Statement
Problem Statement
Urban commuters face several challenges, including unreliable train schedules, lack of real-time updates, and difficulty in finding the best possible routes from point A to B.
Urban commuters face several challenges, including unreliable train schedules, lack of real-time updates, and difficulty in finding the best possible routes from point A to B.
Urban commuters face several challenges, including unreliable train schedules, lack of real-time updates, and difficulty in finding the best possible routes from point A to B.
Research Data
Research Data
Research Data
Daily Commuters in Mumbai local - 7.5 Million
Daily Commuters in Mumbai local - 7.5 Million
Daily Commuters in Mumbai local - 7.5 Million
Design Thinking Process
Design Thinking Process
Understanding user (Empathy)
Understanding user (Empathy)
Understanding user (Empathy)
Foundational research was conducted with four users aged between 20 and 35. The goal was to prioritize user needs by putting them front and center. A set of questionnaires was created to help understand these needs through qualitative research.
Foundational research was conducted with four users aged between 20 and 35. The goal was to prioritize user needs by putting them front and center. A set of questionnaires was created to help understand these needs through qualitative research.
Foundational research was conducted with four users aged between 20 and 35. The goal was to prioritize user needs by putting them front and center. A set of questionnaires was created to help understand these needs through qualitative research.
Do you travel on daily basis?
What is your primary source of traveling?
How do you check the local train schedule?
Which App do you use to check the train schedule?
How do you plan to travel?
….
Do you travel on daily basis?
What is your primary source of traveling?
How do you check the local train schedule?
Which App do you use to check the train schedule?
How do you plan to travel?
….
Do you travel on daily basis?
What is your primary source of traveling?
How do you check the local train schedule?
Which App do you use to check the train schedule?
How do you plan to travel?
….
Goal Statement
Goal Statement
To develop an app that provides the best possible train schedules from point A to B, along with live train status, real-time notifications, and alerts for delays or cancellations, ensuring users can plan their journeys efficiently and travel with ease.
To develop an app that provides the best possible train schedules from point A to B, along with live train status, real-time notifications, and alerts for delays or cancellations, ensuring users can plan their journeys efficiently and travel with ease.
To develop an app that provides the best possible train schedules from point A to B, along with live train status, real-time notifications, and alerts for delays or cancellations, ensuring users can plan their journeys efficiently and travel with ease.
Research Methods Used
Research Methods Used
I used a mixed-method approach to gather both qualitative and quantitative insights.
User Interviews (Qualitative Research)
User Interviews (Qualitative Research)
User Interviews (Qualitative Research)
Objective: Understand user frustrations and behaviors in real-world scenarios.
Participants: 15 daily commuters (mix of office workers, students, and tourists).
Users check train schedules multiple times a day but struggle with a UI navigation.
Tourists and first-time users found the app confusing due to a lack of onboarding.
Regular users wanted live location of train to plan their journey better.
Platform change notifications were often delayed, causing confusion.
Objective: Understand user frustrations and behaviors in real-world scenarios.
Participants: 15 daily commuters (mix of office workers, students, and tourists).
Users check train schedules multiple times a day but struggle with a UI navigation.
Tourists and first-time users found the app confusing due to a lack of onboarding.
Regular users wanted live location of train to plan their journey better.
Platform change notifications were often delayed, causing confusion.
Onsite Observations & Shadowing
Onsite Observations & Shadowing
Onsite Observations & Shadowing
Objective: Observe how users interact with the app in real-time at railway stations.
User seems to get confused about what platform to take
User doesn't believe on Train Location shown on app
User Frustrates if train get delayed or cancelled, & try to take alternative routes by using Google maps
Objective: Observe how users interact with the app in real-time at railway stations.
User seems to get confused about what platform to take
User doesn't believe on Train Location shown on app
User Frustrates if train get delayed or cancelled, & try to take alternative routes by using Google maps
Surveys & Analytics (Quantitative Data)
Surveys & Analytics (Quantitative Data)
Surveys & Analytics (Quantitative Data)
Objective: 500+ app users via an online survey
72% of users said they want a "Live location Updates" feature to check train status
60% of users wanted a "Favorite Routes" option to access frequent journeys quickly
50% of users wanted a "Announcements" about there scheduled trains & Megablock and cancelled trains.
Objective: 500+ app users via an online survey
72% of users said they want a "Live location Updates" feature to check train status
60% of users wanted a "Favorite Routes" option to access frequent journeys quickly
50% of users wanted a "Announcements" about there scheduled trains & Megablock and cancelled trains.
User Persona
User Persona
This profile assists designers in understanding user needs, challenges, and how to create a product that is both useful and enjoyable for them.
This profile assists designers in understanding user needs, challenges, and how to create a product that is both useful and enjoyable for them.
This profile assists designers in understanding user needs, challenges, and how to create a product that is both useful and enjoyable for them.
Pain points
Pain points
Pain points are discovered by understanding the users and their experiences
Pain points are discovered by understanding the users and their experiences
Pain points are discovered by understanding the users and their experiences
Storyboard
Storyboard
A hypothetical situation which helps designer to take few actions
A hypothetical situation which helps designer to take few actions
A hypothetical situation which helps designer to take few actions
prototype
Storyboard telling
Hi fi Wireframes
Lo fi Wireframes
Wireframes
Wireframes
A wireframe is a basic outline of a digital experience, like an app or website, that's made up of lines and simple shapes. The goals of creating wireframes are to establish the basic structure of a page and to highlight the intended function of each element.
Introducing
The Yatri App is your one-stop solution for navigating Mumbai's bustling local train network with ease. Whether you’re a daily commuter or an occasional traveler, Yatri ensures a seamless experience
Simplifying user journey
Homescreen
Homescreen
Homescreen
The top section of the Yatri App homepage enables quick and efficient decision-making, allowing users to easily select their mode of commute—Local Train, Metro, Mono, Bus, or Ferry.
User-Centric Design: The layout prioritizes accessibility, helping users quickly find their starting point and relevant travel information.
Proximity Indicator: The app shows the nearest station and estimated distance for easy journey planning.
Favorite Routes: Quickly access saved routes for frequent commutes.
Set Train Alerts: Get notifications on delays or schedule updates for saved trains.
Related to Locals Section: Provides direct links to critical information like:
Ticket Fares
Mumbai Rail Map
Station Exploration (Amenities)
Railway Penalties
The top section of the Yatri App homepage enables quick and efficient decision-making, allowing users to easily select their mode of commute—Local Train, Metro, Mono, Bus, or Ferry.
User-Centric Design: The layout prioritizes accessibility, helping users quickly find their starting point and relevant travel information.
Proximity Indicator: The app shows the nearest station and estimated distance for easy journey planning.
Favorite Routes: Quickly access saved routes for frequent commutes.
Set Train Alerts: Get notifications on delays or schedule updates for saved trains.
Related to Locals Section: Provides direct links to critical information like:
Ticket Fares
Mumbai Rail Map
Station Exploration (Amenities)
Railway Penalties
User-Centric Design: The layout prioritizes accessibility, helping users quickly find their starting point and relevant travel information.
Proximity Indicator: The app shows the nearest station and estimated distance for easy journey planning.
Favorite Routes: Quickly access saved routes for frequent commutes.
Set Train Alerts: Get notifications on delays or schedule updates for saved trains.
Related to Locals Section: Provides direct links to critical information like:
Ticket Fares
Mumbai Rail Map
Station Exploration (Amenities)
Railway Penalties
Simplifying user journey
Homescreen
As designers, we focused on simplifying the user journey: select your starting station, choose your destination, and instantly get a list of trains with their real-time locations. Simple, fast, and hassle-free!
Live location
Designing Joyful Journeys
Live Location
Live Location
Live Location
Map Integration
Displays the train's real-time location with a moving icon.
Shows estimated arrival time at the next station (e.g., "Arriving in 5 minutes").
Journey Timeline
Highlights the current station with a red progress line for better clarity.
Social Context
Indicates how many users have set alerts for the train (e.g., "53 users"), boosting trust.
Interactive Features
Refresh Button: Ensures real-time updates.
Share Option: Allows users to share train details for coordination.
User-Centric Design
Minimal text and clear visuals avoid overwhelming users.
Platform numbers and timings are prominently displayed for easy navigation.
The top section of the Yatri App homepage enables quick and efficient decision-making, allowing users to easily select their mode of commute—Local Train, Metro, Mono, Bus, or Ferry.
User-Centric Design: The layout prioritizes accessibility, helping users quickly find their starting point and relevant travel information.
Proximity Indicator: The app shows the nearest station and estimated distance for easy journey planning.
Favorite Routes: Quickly access saved routes for frequent commutes.
Set Train Alerts: Get notifications on delays or schedule updates for saved trains.
Related to Locals Section: Provides direct links to critical information like:
Ticket Fares
Mumbai Rail Map
Station Exploration (Amenities)
Railway Penalties
Map Integration
Displays the train's real-time location with a moving icon.
Shows estimated arrival time at the next station (e.g., "Arriving in 5 minutes").
Journey Timeline
Highlights the current station with a red progress line for better clarity.
Social Context
Indicates how many users have set alerts for the train (e.g., "53 users"), boosting trust.
Interactive Features
Refresh Button: Ensures real-time updates.
Share Option: Allows users to share train details for coordination.
User-Centric Design
Minimal text and clear visuals avoid overwhelming users.
Platform numbers and timings are prominently displayed for easy navigation.
Building Trust Through Real-Time
Travel Updates
The News & Announcements section of the Yatri app keeps users informed with real-time updates like delays, platform changes, and alternate routes. A clean, visible announcement bar ensures quick access to critical information, while personalized updates foster trust and emotional connection. By reducing stress and offering actionable insights, this feature transforms travel into a seamless and reliable experience, keeping users confident and connected.
Designing Joyful Journeys
Designing Joyful Journeys:
Connecting Emotion and Exploration
Introducing Yatri App
Explore section is designed to engage users by combining functionality with emotion. Features like Famous Places and Mumbai Foods cater to user interests, while vibrant visuals and intuitive navigation evoke curiosity and excitement. This section simplifies exploration and transforms the app from a travel tool into an enjoyable, lifestyle-focused experience.
Explore section is designed to engage users by combining functionality with emotion. Features like Famous Places and Mumbai Foods cater to user interests, while vibrant visuals and intuitive navigation evoke curiosity and excitement. This section simplifies exploration and transforms the app from a travel tool into an enjoyable, lifestyle-focused experience.
Building Trust Through Real-Time
Travel Updates
The News & Announcements section of the Yatri app keeps users informed with real-time updates like delays, platform changes, and alternate routes. A clean, visible announcement bar ensures quick access to critical information, while personalized updates foster trust and emotional connection. By reducing stress and offering actionable insights, this feature transforms travel into a seamless and reliable experience, keeping users confident and connected.
The News & Announcements section of the Yatri app keeps users informed with real-time updates like delays, platform changes, and alternate routes. A clean, visible announcement bar ensures quick access to critical information, while personalized updates foster trust and emotional connection. By reducing stress and offering actionable insights, this feature transforms travel into a seamless and reliable experience, keeping users confident and connected.
Building Trust Through Real-Time
Travel Updates
User Engagement (150x times)
User Engagement (150x times)
User Engagement
(150x times)
When measuring output, design is as crucial as functionality in a product. Usability and how effectively you engage users to spend time on the app are key factors. This is why we started with the Explore tab, which allows users to engage with data. Additionally, we implemented a referral feature that encourages users to share the app, highlighting its importance.
When measuring output, design is as crucial as functionality in a product. Usability and how effectively you engage users to spend time on the app are key factors. This is why we started with the Explore tab, which allows users to engage with data. Additionally, we implemented a referral feature that encourages users to share the app, highlighting its importance.
Empty UI
Empty UI
Few of my Graphic work
Few of Joyful Gif's
Few of Joyful Gif's
My Gif work
Few of my Graphic work
Few of my Graphic work
Empty UI
Yatri Event- Mumbai Division CSMT
Yatri Event- Mumbai Division CSMT
Yatri Event- Mumbai Division CSMT
Good news for Mumbai commuters! The Yatri App now supports live train locations for Western Railway, unveiled during today’s successful event. With precise GPS technology, commuters can view and share live train locations from the schedule list, ensuring a seamless travel experience. This highly anticipated feature marks a significant step forward for local train commuters, offering real-time updates at their fingertips. The Yatri team is committed to introducing even more exciting features soon. Download the Yatri App now and enhance your journey on the Western Line!
Good news for Mumbai commuters! The Yatri App now supports live train locations for Western Railway, unveiled during today’s successful event. With precise GPS technology, commuters can view and share live train locations from the schedule list, ensuring a seamless travel experience. This highly anticipated feature marks a significant step forward for local train commuters, offering real-time updates at their fingertips. The Yatri team is committed to introducing even more exciting features soon. Download the Yatri App now and enhance your journey on the Western Line!
Lets give your idea
a soul
Lets give your idea
a soul
I enjoy creating products, applications, web applications, and dashboards.
I enjoy creating products, applications, web applications, and dashboards.
Lets give your idea
a soul
Lets give your idea
a soul
I enjoy creating products, applications, web applications, and dashboards.