Improving event visibility and increasing bookings.

HOMEPAGE REDESIGN

2025

Tags: UI/UX Design | Homepage | Mobile responsive

Tools: Figma, UnSplash, Squarespace

Project Goal: Redesign the homepage experience to feel calmer, clearer, and more welcoming for first-time visitors while improving discovery of classes and events.

West London Buddhist Centre

The Challenge

The original homepage contained useful information, but the experience felt text-heavy and difficult to scan. Important actions like exploring courses or booking events lacked clear hierarchy.

Focus Areas:

  • Simplify navigation

  • Improve visual hierarchy

  • Create a calmer first impression

  • Make classes and events easier to discover

Original hero and navigation above the fold on desktop.

Original hero and navigation above the fold on mobile.

Design Approach

User Test Summary - Homepage (5 participants)

Objective

Evaluate homepage usability and identify areas for UX improvement.

Method

Five users completed short tasks such as finding events, contact details, and service information. Success rates, time-to-find, and feedback were recorded.

Key findings

  • Most users completed tasks successfully, though one struggled with navigation flow.

  • Navigation labels caused confusion between Events and News sections.

  • Event listings were only easily found when prominently displayed.

  • Contact details were eventually located by all users, but felt hidden.

  • Long text sections were often skipped in favour of headings and visuals.

  • Stronger contrast and clearer hierarchy improved scanning and CTA visibility.

  • Some mobile content was missed due to excessive scrolling.

User feedback

  • “I’m not sure if events are under News or What’s On.”

  • “The contact link feels tucked away.”

  • “A quick summary would help instead of long paragraphs.”

Recommendations

  • Clarify navigation labels and content grouping.

  • Make events and contact CTAs more prominent.

  • Replace long text blocks with concise summaries or service tiles.

  • Improve visual hierarchy, contrast, and mobile layout.

  • Conduct a follow-up usability test after redesign.

Conclusion

The test highlighted clear opportunities to improve navigation clarity, content scanning, and CTA visibility, helping create a more intuitive homepage experience.

I restructured the homepage using a more modular layout system with clearer content sections, stronger typography hierarchy, and more intentional spacing.

The visual direction was inspired by the peaceful atmosphere of the physical centre, using:

  • Soft, neutral colour palette inspired by buddhist monk attire

  • Calm, readable typography with clear hierarchy

  • Minimal imagery used intentionally to support tone

  • Accessibility considered through contrast and spacing

Mid-fid wireframe of hero section on desktop.

Moodboard

Final Design

The redesigned homepage creates a more approachable and intuitive experience for new visitors.

Key improvements included:

  • Clearer call-to-actions

  • Dedicated event sections

  • Simplified navigation

  • Card-based layouts for easier scanning

  • Improved mobile responsiveness

New hero on Macbook

New hero on mobile

New mobile footer

Reflection

This project helped me explore how visual design and UX decisions can shape emotional tone as well as usability.

I learned the importance of:

  • Designing for clarity

  • Balancing aesthetics with accessibility

  • Creating stronger content hierarchy

Next
Next

SOL Bar