citymapper.com homepage teardown: 51/100

Landing page examples › App › citymapper.com

Citymapper's hero says "Making Cities Usable", a slogan that never tells a first-time visitor it is a journey planner, so the real product sits under a generic brand line.

We ran citymapper.com through PageCritic's landing page audit. It scored 51/100, #10 of the 10 app landing page examples we scored (average 62) and #79 of all 79 homepages in our ranked list. Its strongest area is Mobile (80), and its weakest is CTA (33).

Audited on 2026-10-24 from desktop and mobile screenshots plus the page's HTML. The scores are an AI's opinion of conversion best practices, not measured conversion rates, and citymapper.com didn't ask for this review. The page may have changed since.

citymapper.com on desktop, as the audit saw it

Scores

Overall51 avg 62

Clarity35 avg 46

Value prop40 avg 43

CTA33 avg 47

Trust53 avg 70

Design70 avg 73

Mobile80 avg 86

Speed & SEO60 avg 82

Bar: citymapper.com. Tick: the App average.

Top 3 issues, with fixes

1. No stated audience

Nothing on the first screen says who the planner is for (commuters, visitors, daily riders), so visitors cannot tell whether it fits them.

Fix: Add a subheadline under the h1 naming the audience, e.g. "The journey planner for commuters and visitors in London and 400+ cities".

2. Headline is a slogan, not a result

"Making Cities Usable" describes Citymapper's mission rather than what the visitor gets, so it does not answer why they should stay.

Fix: Replace the h1 with a result, e.g. "Get anywhere in your city faster", and move "Making Cities Usable" to a smaller tagline.

3. Product type is guessable

The page never says "transport app" or "journey planner" in plain words; the form and "Plan a journey on our web app" must be decoded by the visitor.

Fix: Add a line such as "Citymapper is a public transport journey planner for buses, trains and bikes" directly under the h1.

What the citymapper.com homepage does well

The h1 "Making Cities Usable" is short, large and prominent at 44 px, so it is read first.
A clear primary GO button sits inside the first-screen journey form, so the main action is visible immediately on desktop and phone.
Contact, about, privacy and terms pages are all linked, which shows a real company stands behind the product.

See the full free report for citymapper.com, with the desktop and mobile screenshots we judged →

How does your page compare to citymapper.com? Get the same score, 7 sub-scores and top 3 fixes for your landing page, free, in about a minute.

More app landing page teardowns

See all of them, ranked, on the app landing page examples page, or browse all 93 teardowns.