01 / 08
Boatmu Case Study Index
01

Overview & Project Brief

First end-to-end boat ticket platform

02

Empathize & Define

User Pain Points & Persona (Sarah, 27)

03

User Flow Journey

Search, compare, and instant checkout logic

04

Wireframes

Low-fidelity structure and layouts

05

Design System

Colors, typography & UI component library

06

Prototype: Home Page

Dynamic filter & discovery tools

07

Prototype: Product Page

Annotated steps & booking logic

08

Final Notes & Takeaways

Reflection & growth highlights

BOATMU UI/UX Case Study Startup Boat Booking Platform
logo

The Frictionless Ticketing Platform for Modern Event Creators

Festmu is a comprehensive ticketing and registration platform designed to bridge the gap between complex event registration and diversity of event.

MAIN GOAL

Create a platform for events in Malaysia, moving away from niche specific platforms to a unified ecosystem, also with simple flow registration.

Problems

Complex flow : Users must navigate long, multi-step registration forms. This high friction leads to cart abandonment, where users lose interest.

Manual Work : Many local organizers still use Google Forms, WhatsApp, or manual bank transfers. This forces them to spend hours manually verifying receipts and typing participant data into Excel leaving huge room for human error.

High Entry Barrier : Competitors require organizers to be "tech-savvy" just to list an event, leaving local grassroots events behind.

Solutions

Frictionless Flow : A 3 step checkout process designed for high conversion rates, event with multiple registration quantity.

Removal of Manual Systems : Replace messy spreadsheets and WhatsApp screenshots with a centralized, automated database and reports.

Assisted Registration: The "Festmu Team" acts as a bridge. The organizer provides the event details via a simple brief, and our team handles the technical setup.

02. CORE FEATURES

FEATURES

Ticketing Engine

Flexible data fields (e.g., T-shirt sizes for runs, seat selection for concerts).

Instant Digital Pass

QR based tickets sent via email & Whatsapp for seamless entry.

Attendance

Smooth check in features to redeem the product or tickets.

Organizer Dashboard

Real-time analytics on sales and participant demographics.

Group Registration

Allow one user to register multiple participants in a single transaction.

USER PERSONA

Sarah Persona

Haji Aris, 55

Event Manager Terengganu 4 Events / Year
Pain Points:
He is used to manual registration via WhatsApp and bank transfers. He wants to digitize but feels "too old" to learn complex software.
Conflict:

He is used to manual registration via WhatsApp and bank transfers. He wants to digitize but feels "too old" to learn complex software.

Expectations:
  • Promote the event with the Festmu event page link in it.
  • Users register online with payment gateway, without need to check one by one.
  • Able to see data analytics from the registrations.
Sarah Persona

Amin, 29

Athlete Selangor 6 Events / Year
Pain Points:
Hates creating a new account and login into platform, and some event doesn’t provide the full details make users hesitate.
Conflict:

He often join the running event just for herself, but require some time to complete.

Expectations:
  • Complete detail in the event page.
  • Guest checkout without register to the platform.
  • Received the registration receipt after register and email.
03. USER FLOW

USER FLOW

Festmu simplifies the festival registration and ticketing experience into a seamless, high-conversion attendee journey: from Event Discovery and Ticket Selection (Variation & Quantity) to a frictionless Check-out (Attendee Details), concluding with secure payment and instant QR ticket registration.

User Flow Diagram
05. DESIGN IDENTITY

BRAND IDENTITY

The overall style is modern, clean and slightly adventurous to strike the balance between functional and friendly.

Red
#c50900 Primary Brand
Blood Red
#7f0a05 Secondary
Deep Black
#000000 Primary Text
Deep Black
#ffffff Brand Accent
Typography Standard

Poppins

Crafted for high legibility on mobile apps, sharp geometric form, and a vibrant, modern festival aesthetic.

Bold 800 SemiBold 600 Regular 400
Logo
06. PROTOTYPE

EVENT PAGE

A user-friendly homepage prioritizes the user's needs on clarity, speed, and "frictionless" interaction.

Mockup Festmu 1
Mockup Festmu 2 Mockup Festmu 3
Mockup Festmu 4

Information Architecture:

Structured visual hierarchy and distinct section for filters and products.

Encourage Engagement:

Filter system to act as a discovery tool, educating users on the variety of tour experiences and destination available in Boatmu.

Centralized Control:

Compile all the trips and destination into a single, dedicated page, simplifying navigation.

CHECKOUT
Checkout Mockup
RECEIPT
Receipt Mockup
CUSTOM ACCOUNT
Checkout Mockup
MAIN PAGE
Receipt Mockup

Dynamic Field Mapping:

Allows organizers to choose data points, ensuring that the checkout page only displays fields that are functionally necessary for that specific event.

Frictionless Entry:

Instead of forcing a Mandatory Authentication (sign-up/login) pattern, Festmu uses Guest Checkout. This eliminates the physical and mental effort required to complete a task.

07. SUMMARY

FINAL NOTES

Festmu represents a significant evolution in my design career. As my second end-to-end product, it allowed me to apply the foundational lessons learned from Boatmu while tackling much higher levels of complexity. This project wasn't just about building a ticketing tool; it was about creating a high-concerting platform for all type of event.

KEY TAKE AWAY

High-Fidelity Prototyping:

I learned the art of creating interactive, clickable prototypes to present to potential clients like a finish product.

Balancing Flexibility with Simplicity:

The biggest challenge was giving organizers "unlimited" control (custom themes, modular fields, varied ticket types) without making the interface feel cluttered.

Personal Milestone:

This project solidified my ability to lead the UX process for startups—moving from a blank canvas to a live, revenue-generating platform that serves thousands of participants.

// 05 GET IN TOUCH

Let's create something iconic together.

DIRECT EMAIL nazifnazri@gmail.com
Cotact Number +60 13-931 9561
LOCATION Kuala Lumpur / Selangor