Can only be viewed on Desktop
GoIbibo App Home: Project Lumos
Lumos was the codename given to the GoIbibo app homepage re-design project, started in late 2019. The purpose was to convert a boring, static homescreen to a live, dynamic model with personalization and interactivity.
📓 Project Brief
To convert the static GoIbibo Homepage into a dynamic plug-and-play model, which could be harnessed by all verticals of the organisation e.g. Flights, Hotels etc.
⏳ Design time / Size
1 week per component (total 6 weeks) / XL
👩🔧 My Role & Team
1 Designer (Me), 1 Design Manager, 2 Product Managers.
I collaborated with the PMs to rethink how to display various types information on the homepage in new and interesting ways.
My design manager helped me with branding and visual design.
Key objectives & approach
We wanted to personalize the Goibibo App homepage for the user, in order to
The key idea - to have an infinite scroll on the homepage through self-discoverable & personalised components for the user.
The major components (templates) to be designed:
The first two are covered in this portfolio
Assistant Component
Brainstorming & Wireframing
We decided to name the Assistant Component “Upcoming Trips” and went ahead with brainstorming and wireframing.
These skeletons manifested into several iterations of visual design
Iteration 1
Iteration 2
Iteration 3
Finally, we improved on all these iterations and decided on the design which would save the most space on the screen, while at the same time conveying the most important information upfront.
We then created skeletons for different use cases
One Action
Two Actions
Post Trip
User Journey Mapping
For the assistant, we needed to map the user's journey before, during and after they have booked their trip - and observe what are their needs at each point
Final Designs on the Home screen
Cross-sell Component
Wireframing for Cross-sell
After covering Assistant component, we dived into Cross Sell - with a lot of brainstorming on the whiteboard (same process as before)
We then created skeletons for different use cases
This template was finalized and manifested into several visual iterations
The final card had a header section (to show the context) + a carousel to display multiple SKUs for user to browse
Below are the variations for each
Final variations for Cross-sell component
Header variations
Cross-sell Card variations
