AnnaZ.
PortfolioAbout MeContact

CLIENT

Happy Cap Studio

YEAR

09/2023 - 12/2023

SCOPE OF WORK

UI/UX DesignKiosk Interface

Photo Booth Kiosk Interface Redesign

Happy Cap Studio is a boutique self-service photo studio where friends and family can take photos together. Working as a solo UI/UX Designer, I work closely with the founder/client to manage the project. I redesigned the kiosk interface to enhance user experience and visual design.

Happy Cap Studio branding
Before UI changes

Before UI changes

After UI changes

After UI changes

Key Responsibility

  • Served as the sole UI/UX designer, collaborating directly with the founder/client throughout the project lifecycle.
  • Conducted a UX audit of the existing kiosk interface to identify pain points and areas for improvement.
  • Conducted brand research to develop a new colour palette and typography system, strengthening brand consistency.
  • Redesigned the user interface with a focus on enhancing user experience and visual design.

Project Management

  • Collaborated closely with the client to structure the project into two distinct milestones.
  • Developed and presented a strategic project delivery plan, prioritizing UI design changes based on critical user needs and business objectives.
  • Managed all aspects of the design process, ensuring timely delivery and seamless communication with the client.

Outcome

  • Delivered a significantly improved kiosk interface that addressed key user pain points while elevating the overall aesthetic appeal.
  • Received outstanding client feedback, including a perfect 5-star review.
  • Achieved 100% on-time project delivery, demonstrating strong time management and professional commitment.
5start Client Review

Color and Fonts

UI color system
UI fonts system

User Interface & User experience improvement example

Before UI changes: Select quantity page

Before UI changes (Select quantity page)

After UI changes: Select quantity page

After UI changes (Select quantity page)

Select quantity screen

1. Usability Enhancement:

  • Quantity Selection: Replaced the increment/decrement system with direct selection buttons (1, 2, 4, 6, 8, 10).
  • This change allows users to select their desired quantity with a single tap, significantly reducing interaction time and potential for input errors.
  • Streamlines the selection process, especially beneficial in a time-constrained environment like a photo booth.

2. Information Hierarchy and Clarity:

  • Added a clear instruction:"Please select quantity of prints" directly below the title. Provides immediate context and clear direction to users.
  • Included a clear "Total Amount: $25" display. Provides immediate feedback on the cost, enhancing transparency and user confidence in the transaction.
  • "Time limited" is labelled in the top-right corner for clarity.

3. Layout and Visual Clarity:

  • Adopted a consistent, rounded rectangle button design for all interactive elements.
  • Aligned coupon feature with other elements for a more cohesive look.

More Designs

Select Frame Cut UI
Pose Screen UI
Photo Preview UI
Select Photo and frames UI
Photo booth UI mockup