Skyscanner

Case study  /  UX Concept & Consultancy

Redesigning the Skyscanner homepage to inspire, not just search

An independent consultancy project to reimagine Skyscanner's homepage — shifting it from a search utility into a travel inspiration platform that drives hotel and car hire upsell alongside flights.

UX Consultancy Homepage redesign Responsive design Editorial UX Service design Competitor analysis
RoleIndependent Consultant
ClientSkyscanner
DeliverableHomepage concept — desktop & mobile
TypeEnd-to-end concept
01 — Context & brief

Skyscanner had a search problem disguised as a homepage problem.

Skyscanner is one of the world's leading travel comparison platforms — known primarily for flights. But the business wanted to grow cross-sell revenue across hotels and car hire, and the homepage wasn't set up to support that ambition. It was a search form first and an experience second — optimised for users who already knew what they wanted, not users who were still deciding.

The brief for this consultancy engagement was to conceive and design a new homepage that would feel more like a travel brand and less like a search engine — while addressing several known product challenges around transparency, inspiration, and cross-sell visibility.

The brief
"Redesign the Skyscanner homepage to better upsell hotels and car hire, surface more inspirational editorial content, and integrate a social community layer — without losing the simplicity that makes Skyscanner trusted."
Objective
Turn the homepage into a platform for discovery — driving hotels and car hire alongside flights, and building engagement through editorial and social content.
Output
A fully designed homepage concept across desktop and mobile, grounded in research and service design — ready for stakeholder presentation.

02 — Research

The data confirmed what the brief suspected — users needed more than a search box.

I began with a quantitative research phase, drawing on industry travel trends and consumer behaviour studies to establish the evidence base for the redesign. The findings validated the strategic direction clearly.

74%
of travellers believe travel options have hidden costs — transparency was a primary concern
83%
of travellers research on a mobile device before finalising travel plans
52%
prioritise time spent researching over all other factors in the booking process
42%
of consumers are taking longer to book travel than five years ago

User needs research surfaced three core requirements: transparent pricing visible before committing to a search, the ability to carry research across multiple devices, and more editorial content about destinations to support decision-making earlier in the journey.

Product challenge analysis identified four structural gaps in the existing homepage: most users only used Skyscanner for flights despite the broader offering; the homepage didn't encourage exploration; cross-selling was weak; and deals were not surfaced in a way that reflected the user's personal context.


03 — Competitor analysis

Expedia and Kayak — learning from what worked and what didn't.

I conducted a structured competitor analysis of Expedia and Kayak — the two platforms most comparable in scope — to identify what Skyscanner could learn from and what it should deliberately avoid.

Expedia
Pro Great destination inspiration and editorial content — imagery and deals are engaging and easy to scan.
Con Lack of visual hierarchy creates confusion — too much choice becomes overwhelming for the user.
Kayak
Pro Strong call to action on order — customers are guided clearly without forgetting where they are in the journey.
Con Intrusive email sign-up immediately on entry. Navigation feels too big, with too much happening at once.

04 — Define

Two problem statements. One user, one business.

With the research complete, I defined the problem from both perspectives — the user's and the business's — to ensure the design solution served both without compromising either.

User problem
"As a user I'd like to have a single destination that helps me plan the most fun and affordable holiday, with flights, hotels and car hire covered."
Business problem
"As a business, we would like to grow our cross-sale services of hotel bookings and car hires and make it easier for users to find all offers in one place."

05 — Service design

Task mapping, two user scenarios, and paper sketches before any pixels.

Before moving to the interface, I completed a thorough service design phase — mapping the tasks users perform across four steps, tracing two realistic user scenarios end-to-end through the product, and producing hand sketches to explore layout directions without committing to a visual direction too early.

Method 01
Task mapping
Mapped user tasks across four stages — from browsing to booking — including environment, challenges, emotions, and design opportunities at each step.
Method 02
Scenario 1 — Mobile search
A traveller checking affordable flights while waiting for a train — a high-distraction, time-pressured mobile context requiring speed and transparency.
Method 03
Scenario 2 — Holiday planning
A user planning a holiday combining flights, hotels, and car hire in one session — a deeper engagement flow requiring cross-sell and comparison support.
Method 04
Hand sketches
Multiple rough layout explorations covering the hero, search bar, destinations grid, traveller type filter, editorial, and social sections.

06 — The design

A homepage that earns the full travel planning session — not just the flight search.

The final concept was built around a single organising principle: every section of the homepage should give the user a reason to stay and explore, not just search and leave. Each module was designed to address a specific user need identified in research, while simultaneously supporting one of Skyscanner's business objectives.

01
Hero — full-bleed imagery with unified search
A powerful hero image or video following new brand guidelines, with the search form redesigned to include Flights, Hotels, and Car Hire as a unified one-go experience — making cross-sell the default, not an afterthought.
02
Plan your dream holiday — visual category switcher
Replaced icon tabs with rich photography for Flights, Hotels, and Car Hire — making the three revenue streams equally prominent and visually compelling, with a journey bar linking all three to encourage multi-product planning.
03
Trending destinations grid — with prices upfront
A 9-destination grid (vs. the existing 5-item list) with prices clearly displayed from the start — directly addressing the 74% of users who distrust hidden costs, and expanding the range of destinations surfaced at a glance.
04
Great offers for everyone — traveller-type filter
A new personalisation layer letting users browse by travel identity — Families, Friends, Solo adventurers, Business. Each filter surfaces contextually relevant deals and promotions, making it easier to find relevant offers without scanning everything.
05
Tips and inspiration — editorial content section
A dedicated editorial module for travel guides, destination articles, and practical tips — surfacing content that helps users decide where to go and how to prepare, building a reason to return to Skyscanner beyond booking.
06
Share your experiences — community social feed
A moderated social feed featuring trending posts from influencers and users tagged #skyscanner — creating a community layer that builds trust, extends session time, and gives the brand a voice beyond price comparison.

07 — Key design decisions

Every change was grounded in something the research said.

DecisionRationaleAlternative considered
Unified search bar — Hotels and Car Hire alongside Flights by default Most users only used Skyscanner for flights despite the wider offering. Making the other services equally accessible in the primary search form removes the friction of discovering them separately. Keep flights-first with tabs for other services — preserves existing behaviour but misses the cross-sell moment entirely.
Rich photography for category switching — not icon tabs Flights, Hotels, and Cars represented as images rather than icons creates an aspirational, inspirational feel that aligns with the brand direction — and makes the full offering more visually equivalent. Icon-based tabs — functional but cold, and implicitly positions Hotels and Cars as secondary to Flights.
Prices shown upfront in the destination grid 74% of travellers report concern about hidden costs. Displaying "From £X" prices prominently addresses this directly — building trust before the user has even begun a search. Prices revealed on hover or after search — familiar pattern, but actively reinforces the hidden-cost perception the research flagged.
Traveller-type filter for offers — not a generic promotions grid A generic offers grid treats all users the same. Filtering by travel identity (Families, Friends, Solo, Business) makes promotions feel relevant and personal — increasing the likelihood of click-through. Static promotional cards — simpler to build, but low relevance to most users at any given time.
Community social feed as a homepage section 83% of travellers research destinations before booking — a social feed of real experiences keeps that research on Skyscanner rather than pushing users to Instagram or TikTok. It also gives the brand a human, trust-building layer. No social layer — cleaner, but cedes the social discovery moment entirely to external platforms.
Editorial content section above the fold on mobile Mobile research confirmed that users take longer to book and value content that helps them decide. Surfacing editorial on mobile — not just a search bar — respects the research-first nature of the mobile journey. Search-only mobile experience — optimised for speed, but misses the majority of mobile users who aren't yet ready to search.

08 — Reflection

What I'd do differently.

What worked
Running the full service design process before touching the interface. The task mapping and scenario work surfaced insights — particularly around the mobile research journey and hidden-cost anxiety — that shaped the design in ways no amount of visual exploration would have. The research made every decision defensible.
What worked
The traveller-type filter for offers. It was a relatively small interaction pattern, but it unlocked a personalisation layer that made the homepage feel meaningfully different from a generic deal aggregator — and aligned directly with the business objective of driving cross-sell without being heavy-handed about it.
What I'd change
In a consultancy context with limited time, user testing of the concept itself wasn't possible. In a longer engagement, I'd have wanted to validate the traveller-type filter and the community social section with real users before presenting — both were well-grounded in research but would benefit from behavioural testing rather than strategic reasoning alone.
What I learned
Homepage redesigns are deceptively difficult — every module competes for priority and every business stakeholder has a preferred section. The service design phase was what gave the concept its structural logic: by tying every homepage section explicitly to a user need or a business objective, the design arrived with a rationale that was harder to pick apart than a purely aesthetic or intuitive direction would have been.
Previous
Previous

Unibet Bet Builder

Next
Next

Unibet Cashback