Designing A High-Performing Landing Page
My role - Lead Designer
  • • Interaction Design
  • • Visual Design
  • • Copy
Project Goals
  • Communicate BACH's value proposition.
  • Get the user into the booking flow.
  • Build trust and credibility.
Redesign Results
40% ⤴
New Information
20% ⤴
Relevant To Use
60% ⤴
Likely To Try
40% ⤴
Emotional Resonance
Process
Discuss goals with Product, Growth, and Engineering teams.
User testing on original design to establish a baseline.
Rethink functionality and content around goals.
Work on design until a rough draft solidifies.
Hold design critique with team.
Incorporate relevant feedback.
Final review for updated design.
1
Nav Bar
• Use copy to add context for site nav
• Display top city and experience links.
2
Headline
Clearly communicate BACH's purpose.
3
Primary Action
• Prioritize the main action.
• Integrate city dropdown and experience inputs.
• Use copy for added personality.
4
Social Proof
Elevate press logos.
5
Value Props
Create a story and highlight key propositions.
6
Experiences
• Present top markets.
• Showcase diverse experiences.
• Include authentic user reviews.
• Add "Book Now" buttons.
7
Experience Cards
• Need to accommodate long titles.
• Flexible for variety of content.
8
Category Experiences
Add multiple rows of experience card organized by categories to get user seeing variety of things BACH offers
9
Additional Value
Give details about features exclusive to BACH's app.
10
Positioning
Copy was written to present BACH as the hero of the bachelorette party planning experience.
Full Page Design
The resulting desgin twas put against the same user test as the existing to make sure we were moving in th eright direction.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.