Slimline Header

Overview

The slimline mobile header for Virgin Experience Days was redesigned to adapt to the user’s entry point, whether arriving from the Homepage, Product Listing Page (PLP), or Product Detail Page (PDP). Virgin Experience Days is a company that specialises in experience gifts.

The goal was to make navigation faster and more intuitive on smaller screens while maintaining brand consistency and to reduce the overall bounce rate.

The Challenge

The previous mobile header was static and non-contextual, showing the same elements regardless of whether a user landed on the homepage, a PLP, or a PDP.

• Previous mobile header was bulky and cluttered
• Navigation options weren’t context-sensitive, making it hard for users to access relevant sections
• Users struggled to navigate or search quickly depending on their landing page

Wireframes

Low-fidelity wireframes helped clarify the hierarchy and conditional states across scroll behaviours.

Mobile prototypes demonstrated transitions, sticky behaviour, and element visibility, helping stakeholders understand the UX logic in motion.

Key Improvements

The header was slimmed down and contextualised for each landing page, surfacing the most relevant links and actions. Sticky positioning ensures the header remains accessible as users scroll.

• Homepage: Featured a prominent search bar and promo banner links to top categories, facilitating immediate access to popular experience types.
• PLP: The now 'sticky header' condenses on scroll, keeping key navigation, as well as search's, visible while maximising content space.
• PDP: Slim, minimal header on land only (and not on scroll) to keep focus on the product.

Outcomes & Learnings

Mobile navigation became smoother and more consistent across different pages. Users could access key actions without distraction, and stakeholders confirmed the header improved usability while maintaining brand clarity.