UI/UX Case Study

hellobooth Website

Design

Project Overview

HelloBooth is a UK-based photo booth hire company that provides interactive and modern booth experiences for weddings, parties, corporate functions, and special events. Their offerings include Selfie Pods, Magic Mirrors, 360° Booths, and Enclosed Booths, along with customizable add-ons like flower walls, neon signs, and themed props.

The website needed to:

Showcase the variety of booth options and event enhancements.

Highlight customer trust through reviews and testimonials.

Make booking quick and easy.

Appeal to both corporate and private audiences.

Design Process

1st week

1

Discover

Conducted research to understand HelloBooth’s users, competitors, and event industry trends.

2nd week

2

Define

Identified the main challenges, user needs, and goals for a seamless booking experience.

3rd week

3

Design

Developed wireframes, high-fidelity UI, and interactive elements that reflect the brand.

4th week

4

Deliver

Finalized a responsive, visually engaging website that simplifies navigation.

Competitive Analysis

Features

Variety of Booth Types

Instant Photo Prints

Digital Sharing & GIFs

Easy Online Booking

User Persona

Emma Williams, 32, is an Event Planner based in London, UK. She organizes weddings, birthday parties, and corporate events. She frequently looks for services that save time and add a fun, memorable element to her events.

Goals

  • Make events fun and memorable.
  • Book reliable, high-quality photo booths quickly.
    Ensure hassle-free setup.
  • Impress clients and guests.

Pain Points:

  • Limited time to compare vendors.
  • Worries about equipment quality.
  • Complicated booking processes.
  • Lack of clear service options.

Needs:

  • Searches online and reads reviews.
  • Likes customizable services.
  • Values responsive support and clear pricing.
  • Prefers quick and easy booking.

Motivation & Limits:

Motivation
Time
Budget
Experience

Technology:

Online Booking
Social Media
Event Apps
Photo Sharing

Empathy Map

Thinks

  • Will this vendor deliver as promised?
  • Am I choosing the best option for my budget?
  • Can I save time by using this service?
  • How can I make the event stand out?

Says

  • I want my events to be memorable.
  • Booking should be quick and easy.
  • Guests should have fun and take home memories.
  • I need reliable, high-quality service.

Does

  • Researches vendors online.
  • Reads reviews and compares services.
  • Looks for customizable options.
  • Coordinates multiple event details at once.

Hears

  • Excited about creating a memorable event.
  • Stressed due to tight schedules.
  • Cautious about service quality.
  • Confident when the process is smooth and reliable.

User Flow

Style Guide

Aa

DM Sans

Typography

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

Aa

Inter

Typography

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n o p q r s t u v w x y z

#FFFFFF

#E1F3FC

#B7E7FF

#8DD7FB

#36B8F6

#32A5E2

#0A1328

High Fidelity Wireframes

Visual Design