Hop On, Hop Off seamlessly with Citymapper


Background and scope of the company

Common pain-points according to 5 Citymapper users (based on research interviews) when travelling locally and abroad

  • Public transport tickets, are environmentally unfriendly and they clutter too much a person’s wallet.
  • Process of buying these tickets are often annoying and difficult to purchase due to vendor machine’s non-intuitive interface, missing languages and / or understanding which ticket to buy (especially abroad). Machine Findability, out of order situations or huge queues are also very common.
  • Check-In / Check-Out within local city transports are not intuitive and sometimes confusing as a user sometimes doesn’t know when to scan / show, etc.
  • Payment possibilities / integrations are not yet available fully, digitally within transportation networks. Some cities still require cash as a payment when checking-in checking-out, credit / debit cards differ from country to country, ATM’s are not nearby, etc.
  • Realtime schedules within public transports is not yet achieved in the best way, nowadays. Some people detect that provided schedule / times are not always updated instantly as they should be.

Problem Focus


  • Search Destination (start / end).
  • Select your most convenient option based on price and time.
  • Get an overview on the route and click GO to help you go to the selected transport.
  • Before hopping on the transport, click CHECK-IN. That will show you a popup with a generated QR Code and a clear message saying “Scan this QR Code when CHECKING-OUT
  • Once arrived at destination, click CHECK-OUT. That shows up the QR Code again.
  • Scan the QR Code on the transport scanning machine. Information on final price, duration of travel, etc. will be shown.
  • Pay with your preferred payment provider.
  • Done.

Prototype Mockups

Key takeaways

  • First time doing subjective surveys with real people turned out to be a great experience.
  • Through the interviewing process, most people rely on their mobile device to do anything nowadays. Paying and using Public Transports shouldn’t be any different than buying something online, eg. amazon. People demand instant experiences as they go, anywhere, anytime.
  • Most people I reached out to are conscious with environment, hence the reason to use local transportation more often. Specially for commuting.




I’m Rocio. A UX | UI Interaction Designer with a user centric approach to solve problems. https://www.rocioalbertos.com/

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Orpetron Web Design Awards Winner Sites (Mar 25 – Apr 6)

Have yourself a maker little Christmas


From App Idea to App Store: A Developer’s Guide to Creating a Successful Mobile App

Taylor Swift for Keds Collection! Over 70% Off Select Styles Inspried By Taylor Swift! Shop Today!

Captions & UX Writing

UX, QA Commonalities

My TED Talk: The Making of “Impossible Battle”

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Rocío Albertos Casas

Rocío Albertos Casas

I’m Rocio. A UX | UI Interaction Designer with a user centric approach to solve problems. https://www.rocioalbertos.com/

More from Medium

Re-imagining LinkedIn’s ‘Applied Jobs’ feature for job seekers on the go

Making a UX Research Portfolio? You Should Read This First.

Anatomy of a UX Case Study. This infographic shows six steps: project context, the problem, project goals, learning, final solution, and conclusion.

UX Case Study — SuiGor

Problem Statement