Rangle

Designing a Scalable Experience for Every Event Creator
Category
Product Design
Service
UX/UI | Product Design
year
WANDR | 2021
Rangle

The Challenge

Rangle needed a product that worked seamlessly across mobile and desktop, catering to casual users planning one-off events and power users managing multiple, complex ones. The experience had to feel social, intuitive, and emotionally engaging, while offering robust control where needed.

The core tension:

How do we create a flexible system that’s lightweight for occasional users but powerful enough for professional event planners?

My Role

As a senior product designer at WANDR, I collaborated with a small, cross-functional team to bring this experience to life. My responsibilities included:

  • Partnering closely with a product strategist and a lead product designer to align feature scope with user needs
  • Conceptualizing the event creation flow, designed to be simple yet rich in emotion
  • Designing both mobile and desktop experiences, including dashboard and event interaction patterns
  • Helping build a flexible design system tailored for multi-platform scale

The Research

To ensure we designed a platform that met real user needs across contexts, we ran a mixed-methods research process:

User Persona:

We identified two core user groups:

  • Occasional Organizers
    "I just want to plan a birthday, send invites, and get everyone on the same page—fast."
  • Power Users (e.g., event planners)
    "I need to manage multiple events, track contributions, and coordinate with collaborators easily."
Mapping the Event Lifecycle:

To align the product with real-world behavior, I mapped the end-to-end event journey, identifying how users interact before, during, and after the event.

This lifecycle map became a key design tool, guiding feature prioritization:

  • Before event: Drafting, collaboration, locking in time/place, RSVPs, and ETAs
  • During event: Activity walls and media sharing for real-time engagement
  • After event: Memory surfacing and photo sharing to extend the emotional impact

This structure ensured that every feature we built was grounded in the way users actually experience events, creating value at every moment, not just the day-of.

A Social, Flexible Event Platform

We designed a mult-iplatform experience that mirrored the emotional arc of an event, from anticipation to memory sharing.

Mobile:
  • Simple flows for casual event creation and RSVP management
  • Live updates and notifications for easy guest engagement
  • Activity wall and media sharing to replicate the social energy of real-life events
Desktop:
  • Dashboard for professional users to manage multiple events
  • Granular controls for collaborators, timelines, and content
  • Scalable UI built with the design system for consistency and flexibility

Event Flow and Interaction Model:
  • Created a modular event flow that supported drafting, voting, locking, and publishing
  • Designed interactions for RSVP, ETA, and live updates to match real-world behaviour
  • Enabled users to collaborate fluidly at any event stage
  • Rangle desktop experience (power users)

    Rangle Mobile experience (light users)

    Design System

    To support a multiplatform experience and a small development team, we created a flexible and scalable design system from the ground up. The goal was to ensure visual consistency, speed up implementation, and accommodate the different needs of light and power users across mobile and desktop.

  • Helped define and implement a multi-platform design system
  • Ensured consistency across mobile and desktop while allowing for component-level flexibility
  • Empowered the client’s small dev team to build and iterate faster
  • Rangle's new design system.

    Outcomes

    We delivered a platform that made planning and managing events not just easier, but more social, expressive, and fun. With a good balance of simplicity and depth, we met the needs of both ends of the user spectrum:

  • Light users could jump in and create with confidence.
  • Power users could scale, manage, and control every detail.
  • Rangle's development team was able to confidentlly move to the implementation stage.

    In collaboration with:

    • F. Kim

    Other Projects