Adelle Jewellery

2024

Elevating the Reservation Experience Through a Seamless Web App

PLATFORM

Website (Responsive Design)

FOCUS

Event Reservation, End-to-End User Journey

project Timeline

Aug - Sep 2024

ROLE

UI/UX Designer

Cover

Adelle’s exclusive jewellery exhibitions required a digital reservation system as premium as the brand itself. I designed a dual-sided platform that eliminated booking friction for high-net-worth guests while giving the internal event team real-time control over venue capacity and VIP invitations.

Vendor Constraints

Previously, Adelle relied on an external 3rd-party vendor to manage event RSVPs. This approach created strict limitations, resulting in a fragmented user experience and giving our internal team zero flexibility over data and design.

As we prepared for the massive "Adelle Universe" anniversary event, we faced a critical business hurdle: we needed a bespoke registration flow that could handle high traffic, capture custom marketing data, and reflect the premium nature of the Adelle brand—all within a tight technical deadline.

Pivoting to a Scalable, Dual-Sided Platform

Our initial goal was simple: build a standalone RSVP site for the anniversary event. However, after aligning with leadership, the strategic scope evolved.

"We aim to make customer interactions with our system as easy and pleasant as possible." — Indra, Chief Technology Officer

"Can we create an RSVP system that adapts not just to Adelle Universe, but to any future event?" — Manager of CRM

Recognizing this need for scalability, I proposed a shift in strategy. Instead of designing a single-use microsite, I led the UX/UI design for a flexible Event Ecosystem and custom CMS across a 2-month timeline. This empowered our marketing teams to:

  • Spin up new landing pages and custom themes for future events independently.

  • Set up tailored, dynamic registration forms without developer bottlenecks.

  • Manage live capacity and guest lists in real-time.

Project Timeline
Project Timeline

Modernizing the Guest Journey

An audit of the legacy 3rd-party interface revealed major friction points in the user journey. My primary goal was to reduce cognitive load and modernize the visual aesthetic for our high-net-worth clientele.

Key UX Improvements:

  • Guided Stepper: I broke a long, overwhelming form into a simple 3-step flow, allowing users to focus on one task at a time.

  • Group Registrations: To accommodate families and VIP groups, I introduced a seamless "Add Guest" feature, allowing a primary user to register multiple attendees under a single RSVP.

  • Responsive Fluidity: Engineered a clean, highly accessible interface with enlarged touch targets tailored for an older, affluent demographic using mobile devices.

Before and After Redesign

Architecting a Frictionless Experience

Before touching high-fidelity visuals, I mapped the end-to-end architecture for both the customer-facing site and the internal admin dashboard. Ensuring the data flowed perfectly between the guest and the CRM was critical.

User Flow & Information Architecture RSVP
User Flow & Information Architecture RSVP

Strategic UI/UX Enhancements

To maximize the conversion rate (getting people to actually finish the RSVP), every design decision was focused on reducing cognitive load and building trust.

  • Progressive Disclosure (3-Step Form): Rather than overwhelming users with a massive, single-page form, I implemented a guided 3-step "stepper." This breaks the data-entry process down into digestible micro-tasks, significantly reducing form abandonment.

  • Frictionless Group Booking: Recognizing that our VIPs often attend with family or partners, I introduced a dynamic "Add Guest" logic. This allows the primary user to register multiple attendees under one master RSVP, keeping the database clean without forcing users to restart the flow.

  • Context-Aware Navigation (Multi-City): For nationwide events, users can seamlessly toggle between locations (e.g., Surabaya, Jakarta, Medan) via a clean tab system. The UI updates dynamically without requiring a page reload, keeping the user anchored.

  • Conversion-Driven Sticky CTA: On mobile devices, the "Register RSVP" button remains persistently pinned to the bottom of the screen. No matter how far the user scrolls through event details, the primary conversion action is always exactly one thumb-tap away.

  • Omnichannel Handoff (WhatsApp Integration): The web experience doesn't end on the confirmation page. Upon completion, the system automatically fires a digital QR invitation directly to the user's WhatsApp. This bridges the gap between the digital booking and the physical event check-in.

User Journey RSVP
3 Step Registration Form

The Admin Control Center: A Dynamic CMS

For the backend, I designed a robust CMS dashboard that transferred control back to the Adelle team. I structured the complex data into four intuitive modules:

  1. Live Dashboard: A real-time command center tracking total reservations, live check-ins, no-shows, and repeat VIP attendees.

  2. Event Builder: A comprehensive tool for marketing to generate new event pages, manage themes, and customize referral source tracking (e.g., "How did you hear about us?").

  3. Data & Reports: Dedicated analytics for daily registration tracking.

  4. Access Management: Secure role-based access for different tiers of administrative staff.

Dasboard RSVP
Master Setup RSVP
Setup Referral Sources
Detailed Event Setup

The Impact: Flawless Execution at Scale

The new in-house RSVP ecosystem was an overwhelming success. By removing 3rd-party constraints, we delivered a premium, frictionless booking experience that aligned perfectly with Adelle’s luxury brand standard.

More importantly, the custom CMS continues to serve as the backbone for all Adelle Jewellery events over a year later, proving the value of designing for scalability.

Key Business Results:

  • 15,000+ Reservations: Driven by a massive +70% Conversion Rate on the new landing page.

  • Lightning Fast: Achieved a +98% Task Success Rate, with users completing the RSVP flow in under two minutes.

  • Revenue Driver: Supported a +100% Gain in Revenue across three major retail cities (Surabaya, Jakarta, and Medan).

Cross-Functional Collaboration:

  • Executive Leadership: Indra (Chief of Technology)

  • Strategy & CRM: Ilham (Manager), Ian, and Alfredho (IT Operator Manager)

  • Engineering: Adry (Programmer Manager) and Yoga

  • Creative & Marketing: Wiwit (Manager) and Helena (SPV)

Let's connect and talk about your design needs

Create a free website with Framer, the website builder loved by startups, designers and agencies.