redbus redesign
redbus internship. case study. 2023.
redbus redesign
redbus internship. case study. 2023.
redesigning redbus bus ticket booking flow on desktop
redesigning redbus bus ticket booking flow on desktop
problem statement. this project is about redesigning the redbus’ bus ticket booking flow on desktop, making it visually appealing, enhancing the functionality and the overall user experience.
problem statement. this project is about redesigning the redbus’ bus ticket booking flow on desktop, making it visually appealing, enhancing the functionality and the overall user experience.
2 months
2 months
timeline
timeline
ideation, visual design and interaction design
ideation, visual design and interaction design
is all i did
is all i did
get the higlights
get the higlights
take a closer look at
take a closer look at
search results page
search results page
before
before
after
after
seat selection
seat selection
before
before
after
after
passenger details
passenger details
before
before
after
after
explore the full story
explore the full story
it all started because
it all started because
our android and iOS apps were already being engineered on the new design system and now it’s time for the desktop.
our android and iOS apps were already being engineered on the new design system and now it’s time for the desktop.
i wanted to achieve
i wanted to achieve
design goal
design goal
by adapting the bus ticket booking flow on redbus’ new design system.
by adapting the bus ticket booking flow on redbus’ new design system.
business goal
business goal
by making the flow to be single page.
by making the flow to be single page.
i approached the project by
i approached the project by
exploring
exploring
the problems in the current flow, assessing the flow of competitors’ products and finding areas of improvements.
the problems in the current flow, assessing the flow of competitors’ products and finding areas of improvements.
strategizing
strategizing
the further steps needed to redesign the flow after exploration.
the further steps needed to redesign the flow after exploration.
creating
creating
the high fidelity visual design mockups involving interactions and multiple use cases.
the high fidelity visual design mockups involving interactions and multiple use cases.
exploration
exploration
does the bus ticket booking flow on desktop even need a redesign?
does the bus ticket booking flow on desktop even need a redesign?
this was the main thing i wanted to explore in this phase (despite having strong feelings about it myself).
this was the main thing i wanted to explore in this phase (despite having strong feelings about it myself).
right time. right moment.
voyage of exploration began.
right time.
right moment.
voyage of exploration began.
here’s what i found
here’s what i found
about the existing flow
about the existing flow
and a lot more other problems...
and a lot more other problems...
strategizing
strategizing
for sure redbus bus ticket booking flow on desktop needs a revamp, just laid down the further steps
for sure redbus bus ticket booking flow on desktop needs a revamp, just laid down the further steps
this was my point of view after the initial research, collecting all the data points and juggling with the numbers
this was my point of view after the initial research, collecting all the data points and juggling with the numbers
right time. right moment.
voyage to strategize began.
right time. right moment.
voyage to strategize began.
the project was big and so has to be the strategy. i laid down the further steps needed to redesign the flow.
the project was big and so has to be the strategy. i laid down the further steps needed to redesign the flow.
i got stuff done by
i got stuff done by
prioritizing
prioritizing
the changes to be done in bus ticket booking flow.
the changes to be done in bus ticket booking flow.
auditing
auditing
the new design system and checking what all components we need to create for desktop.
the new design system and checking what all components we need to create for desktop.
creation
the biggest challenge included
the biggest challenge included
tweaking elements without changing things too much and at the same time sticking to the redbus’s new design system.
tweaking elements without changing things too much and at the same time sticking to the redbus’s new design system.
right time. right moment.
voyage to creation began.
right time. right moment.
voyage to creation began.
step 1 of 2
step 1 of 2
creating layout.
crafting interactions.
finalizing user flow.
creating layout.
crafting interactions.
finalizing user flow.
i experimented with the existing layout by focusing on creating a new information architecture for some sections and building user interactions that are intuitive and simple to use.
i experimented with the existing layout by focusing on creating a new information architecture for some sections and building user interactions that are intuitive and simple to use.
step 2 of 2
step 2 of 2
getting feedback.
solving problems.
giving it skin.
getting feedback.
solving problems.
giving it skin.
this stage involved:
redesigning some sections after getting feedback on wireframes from stakeholders.
infusing redbus’s new design system into the flow.
this stage involved:
redesigning some sections after getting feedback on wireframes from stakeholders.
infusing redbus’s new design system into the flow.
and finally, after arguing a lot with PMs
and having countless cups of coffee horlicks,
let me show it to you now.
and finally, after arguing a lot with PMs
and having countless cups of coffee horlicks, let me show it to you now.
a brand
new experience
a brand
new experience
gorgeously designed with redbus’ new design system ensuring consistency with android and iOS apps.
gorgeously designed with redbus’ new design system ensuring consistency with android and iOS apps.
quicker, faster & easier
quicker, faster & easier
to use with everything on the same page till user enter the passenger details.
to use with everything on the same page till user enter the passenger details.
new and improved
new and improved
filters and filter cards will help user to see what buses they actually want to search for.
filters and filter cards will help user to see what buses they actually want to search for.
recognize not recall
recognize not recall
the seats just by hovering over them and see what seat it is without changing any other info.
the seats just by hovering over them and see what seat it is without changing any other info.
focus on what matters the most
focus on what matters the most
by seeing RTC and non-RTC buses separately yet being controlled by the same set of filters
by seeing RTC and non-RTC buses separately yet being controlled by the same set of filters
there’s so much more to it
there’s so much more to it
check prototype
check prototype
and try booking a bus from bangalore to goa (weekend plans of every bangalorean)
and try booking a bus from bangalore to goa (weekend plans of every bangalorean)
well the scope of the
project was just redesign
but i didn’t care about the scope
well the scope of the
project was just redesign but i didn’t care about the scope
i went beyond the conventional layout and
showed this as well to the leadership team
i went beyond the conventional layout and
showed this as well to the leadership team
no, it was not as easy as it
seems and certainly i faced
no, it was not as easy as it seems and certainly i faced
a few challenges
a few challenges
no design system
no design system
in place suited for web, i learnt a little bit about how to make scalable design systems.
in place suited for web, i learnt a little bit about how to make scalable design systems.
work within the scope
work within the scope
due to tech bandwidth but then learnt to design with constraints.
due to tech bandwidth but then learnt to design with constraints.
argument with PMs
argument with PMs
is sometimes necessary and it’s completely okay as long as it’s helping getting both on track.
is sometimes necessary and it’s completely okay as long as it’s helping getting both on track.
managing the needs
managing the needs
of both the user and the business was challenging.
of both the user and the business was challenging.
that's it for today!
i hope you liked it
that's it for today!
i hope you liked it
explore my other project
explore my other project
let’s work
together
reach out via
crafted with love in delhi, india
let’s work
together
reach out via
crafted with love in delhi, india