Landing page examples › App › citymapper.com
citymapper.com homepage teardown: 61/100
Citymapper relies heavily on brand recognition with a generic tagline and a split conversion goal between web trip planning and mobile app downloads.
We ran citymapper.com through PageCritic's landing page audit. It scored 61/100, #8 of the 10 app landing page examples we scored (average 66) and #72 of all 80 homepages in our ranked list. Its strongest area is Design (72), and its weakest is Mobile (51).
Audited on 2026-10-18 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.
Scores
| Area | citymapper.com | App average |
|---|---|---|
| Overall | 61 | 66 |
| Clarity | 64 | 70 |
| Value prop | 52 | 65 |
| CTA | 60 | 64 |
| Trust | 58 | 75 |
| Design | 72 | 78 |
| Mobile | 51 | 61 |
| SEO basics | 55 | 60 |
Top 3 issues, with fixes
1. Mobile cookie modal blocks primary journey action
On mobile viewports, the GDPR consent banner covers the lower half of the screen, completely obscuring the 'GO' button and bottom inputs in the journey planner card.
Fix: Use a less intrusive bottom-sheet consent banner or defer display so the primary interaction card ('Get Me Somewhere' / 'GO') remains unobstructed.
2. Abstract H1 headline lacks functional differentiation
The headline 'Making Cities Usable' is a company mission statement, not a user-facing value proposition explaining why someone should use Citymapper instead of Google Maps or Apple Maps.
Fix: Change the H1 to clearly state the core benefit: 'The Master Commuting & Transit App for Smarter Journeys' with a clear explanatory subhead.
3. Conflicting desktop conversion goals
The page splits focus between testing the web planner ('Plan a journey on our web app') and downloading mobile apps, but mobile store buttons are relegated to tiny monochrome icons in the top-right header.
Fix: Decide on the primary conversion funnel: if mobile installs drive LTV, add explicit app store badges and a QR code directly next to the trip planner.
What the citymapper.com homepage does well
- Instantly recognizable brand identity featuring the signature green mascot and clean color palette.
- Immediate utility offered directly on the homepage via the web-based journey planner card.
- Prominent 'GET THE APP' button in the mobile sticky navigation bar.
See the full free report for citymapper.com, with the desktop and mobile screenshots we judged →
More app landing page teardowns
- duolingo.com homepage: 76/100
- todoist.com homepage: 76/100
- hevyapp.com homepage: 74/100
- bear.app homepage: 68/100
- flexibits.com homepage: 68/100
- strava.com homepage: 62/100
See all of them, ranked, on the app landing page examples page, or browse all 94 teardowns.