Category_
Product Design
User Research
UI/UX

Year_
2020

Website_
www.citymapper.com

— Problem to solve —
As a current user of this App, I noticed some room for improvement in the desktop App.
That’s why I worked on redesigning the three main features of the Citymapper desktop (homepage and landing page) to bring the user's attention to the Travel section, Service status and Innovations.

Why?

My objective was to understand the primary users’ goals with Citymapper. Due to time and budget constraints, I did some quick research with some people as representative of the service audience as possible. I noticed that the app has three main features that deserve to be more visible and usable for the end user. This method helped me to answer the following questions.

1. Travel selection - The most important one - answering the main user question: “How do I get there?”
2. Service status - Allowing users to plan their travels - answering the user question: “Is my line working correctly?“
3. Innovations - The next way of handling travel - answering the world question: “How will we travel tomorrow?“

Innovations
The next way of handling travel.

“How will we travel tomorrow?“

In my opinion, defining through Innovation what transport will look like in the future is an enormous challenge and selling point for Citymapper. In this redesign, Innovations are the first things a user sees. This is to increase awareness and push new products like Citymapper Ride, Citymapper Pass, and CM2 Bus Night Rider that will define tomorrow's transport.

How?

I removed the map from the homepage to bring the user's attention to the Travel section, Service status, and Innovations. I discovered that the map was not the main feature that users (again, my friends only) were looking for when using the app. However, this feature is still helpful in some cases and therefore, I decided to add a toggle to switch to the map view.