Bed Threads homepage final design composition.
Product · 2022 · Bed Threads platform

Homepage.

A homepage that answers the three questions any homepage must answer — who, what, and why here — in the first three seconds. Mobile-first, editorial entry point for the brand.

Role Senior UX/UI Designer
Client Bed Threads
Year 2022
Disciplines Product · Research · E-commerce

Brief

Redesign the Bed Threads homepage end-to-end. Use research, testing, and best practice to drive ideation and the final design.

Problem

The existing homepage didn't earn the first three seconds. It didn't say who Bed Threads is, what it sells, or what to do next — and 75%+ of visitors were arriving on a phone where the layout couldn't keep up.

My role

End-to-end on the homepage:

  • Synthesised research across mobile usage and homepage best practice
  • Ran a stakeholder workshop and competitor analysis
  • Ideated and refined the homepage across mobile and desktop
  • Final design and developer hand-off

Synthesised research

  • 75%+ of visitors are on a phone.
  • 3 seconds to tell a visitor who you are, what you do, and why they're here.
  • 38% disengage if the content and layout don't earn it.
  • The homepage wears many hats — it serves different audiences arriving from different origins, not one landing page built around one action.
  • Identity matters. Make the first interaction feel personable.

Workshop

Reviewed research and findings with the team. Stakeholders each brought two competitors so we could analyse them together for areas of opportunity.

Stakeholder workshop board: research synthesis and competitor brief.
Workshop output: shared research and competitor brief.

Competitor analysis

Two competitors per stakeholder, mapped against the three-second rule and mobile experience.

Competitor homepage analysis.
Competitor read · 1.
Competitor homepage analysis.
Competitor read · 2.

Ideations

Early structural explorations — what earns the first scroll, what the hero needs to do, where editorial sits.

Early homepage ideations.
Early structural ideations.

Refined directions

Two directions taken further: one editorial, one product-led. Both compared on how they handle the three-second rule on mobile.

Refined homepage direction.
Direction A.
Refined homepage direction.
Direction B.

Final design

Editorial entry point. Mobile-first. Who, what, and why here — answered above the fold.

Final homepage design.
Final homepage.

Methods

Responsive web Mobile-first End-to-end design User research Stakeholder workshops Competitor analysis Brand storytelling