Responsive Web Design

SaaS

B2B

SaaS

SaaS

Immer

Designing event management to help venues efficiently review, approve, and oversee events

Overview

Designed Event Management Screen That Cut Approval Time by 30–40% and Boosted Organizer Confidence

Immer is a unified platform for managing live events from end to end—planning bookings, designing experiences, and tracking performance in one dashboard.

I was responsible for designing the Event Management screen, which enables venue managers to review, approve, or decline requests and oversee all booking operations with clarity and efficiency—reducing approval time by an estimated 30–40% and significantly improving organizer confidence.

Timeline

Summer 2024 (12 weeks)

What I Did

UX Design, UX Research, Responsive Web Design (RWD), Wireframing, Prototyping

Team

1 Project Manager, 2 UX Designers

Tools I Used

Figma, FigJam, Trello, Notion, Microsoft Teams

Timeline

Timeline

Summer 2024

(12 weeks)

Fall Quarter 2024 (10 weeks)


What I Did

What I Did

UX Design, Responsive

Web Design (RWD), Wireframing, Prototyping

Fall Quarter 2024 (10 weeks)


Team

Team

2 UX Designers (including me), 1 Project Manager

Fall Quarter 2024 (10 weeks)


Tools I Used

Tools I Used

Figma, Trello, Notion, Microsoft Teams

Fall Quarter 2024 (10 weeks)


Problems

Scattered Tools Buried Logistics and Delayed Approvals for Venue Staff and Organizers

Scattered Tools Buried Logistics and Delayed Approvals for Venue Staff and Organizers

Scattered Tools Buried Logistics and Delayed Approvals for Venue Staff and Organizers

Venue staff juggled event requests across emails, spreadsheets, and calendars, burying critical logistics, dragging out approvals, and leaving organizers uncertain about schedules, requirements, and statuses.

Solution

Centralized Event Screen Streamlined Decisions With Faster, Clearer Approval Workflows

Centralized Event Screen Streamlined Decisions With Faster, Clearer Approval Workflows

Centralized Event Screen Streamlined Decisions With Faster, Clearer Approval Workflows

The centralized Event Management screen streamlined approvals with one‑tap decisions, logged reasons, contextual messaging, and instant badges—making workflows faster and more transparent.

Design Process

Final Design Highlights

Monthly Calendar Overview

Monthly Calendar Overview

A color‑coded calendar (orange  approved, gray denied, green pending) with status filters lets managers scan requests and open quick previews.

Daily Breakdown

Daily Breakdown

A single‑day list shows every booking’s room, time, and equipment; tapping an item opens its record.

Event Details

Event Details

Shows full booking info, including event description, audience stats, requested services, equipment, and special notes for smoother coordination.

RESEARCH

Competitive Analysis

Studied Top Platforms to Extract UX Patterns That Shaped Our Solution

Studied Top Platforms to Extract UX Patterns That Shaped Our Solution

Studied Top Platforms to Extract UX Patterns That Shaped Our Solution

Analyzed leading event management platforms to identify key UX patterns and features that informed our design decisions.

Key Takeaways

  • Color‑Coded Calendar: Essential for quick status scanning (Skedda, Vendini).

  • Inline Decision Actions: Users expect immediate approve/deny within their workflow (VenueOps, Cvent).

  • Explicit Logging: Visible history of decisions builds transparency (Cvent, VenueOps).

ANALYSIS

Product Requirements

Defined Product Requirements to Balance Usability, Workflow Efficiency, and Business Goals

Defined Product Requirements to Balance Usability, Workflow Efficiency, and Business Goals

Defined Product Requirements to Balance Usability, Workflow Efficiency, and Business Goals

After aligning with the PM on solution options, I organized the company’s screen requirements into three categories.

Functionality

Event Review

Approval / Denial

Event Details

Denial / Cancellation Reasons

UX & Design Principles

UX & Design Principles

Simplicity

Clarity

Streamlined Navigation

Straightforward Review Processes

Benefits & Business Goals

Event Quality Control

Transparency

Efficient Workflow

Enhanced Venue Reputation

User Flow

Established User Flow to Align Team and Guide Screen Design

Established User Flow to Align Team and Guide Screen Design

Established User Flow to Align Team and Guide Screen Design

I mapped the user flow and confirmed the process with the Product Manager before moving into wireframes and high‑fidelity prototyping.

DESIGN

Wireframes

Explored Layouts and Refined Core Interactions Through Annotated Wireframes

Explored Layouts and Refined Core Interactions Through Annotated Wireframes

Explored Layouts and Refined Core Interactions Through Annotated Wireframes

Low‑fidelity wireframe layouts established core feature placement and information hierarchy, setting the foundation for high‑fidelity designs.

Initial concepts

Created low‑fidelity screens—calendar and event‑details pages—to validate the placement of core features with project manager.

Annotated

Incorporated Project Manager's feedback (dark gray highlights) to add decision buttons, status filters, and organizer info to both screens.


  1. Location labels to avoid confusion across multi-city venues

  2. Calendar filters for quicker category sorting

  3. Equipment info for detailed scheduling

  4. Add-on request section to show all booked services

  5. Comments & notes for internal use or organizer updates

Iterations

Refined Calendar and Event Details for Faster Insights and Better Decision-Making

Refined Calendar and Event Details for Faster Insights and Better Decision-Making

Refined Calendar and Event Details for Faster Insights and Better Decision-Making

Calendar page

  1. Updated filter colors for better affordance: Refined status colors to enhance clarity and intuitiveness—orange (brand’s primary color) now signals “Approved” for quick recognition, gray indicates “Declined” with a subdued tone to imply finality, and green represents “Pending,” conveying a sense of progress and action awaiting resolution.

  1. Enhanced at‑a‑glance visibility: Color‑coded entries let users see booking status on the calendar without opening each event.

Event details page

  1. Multiple organizers: Replaced the single‑organizer label with a swipeable slider for events with multiple hosts.

  1. Expanded add‑on request to include vendors: Added a Vendors tab so users can request services like catering, AV, or décor alongside venue rental.

  1. Added audience statistics: Displayed expected attendance and basic demographics (e.g., age, gender, location) to give managers quick context and help them better anticipate event needs and crowd dynamics.

Why We Chose This Direction

Chose At-a-Glance Approval for Speed and Transparency

Chose At-a-Glance Approval for Speed and Transparency

Enabled Fast, Clear Approvals for Busy Venue Staff

Venue staff needed to process high volumes of requests quickly. A centralized view with color-coded statuses and direct actions reduced friction.

Built Organizer Confidence Through Transparent Status Visibility

Transparent status visibility and detailed event info helped organizers feel more confident and informed.

Aligned With Business Goals to Streamline Coordination and Build Professionalism

This approach aligned with the platform’s goal to streamline coordination and reinforce venue professionalism.

Final High-Fidelity Wireframe

Polished High‑Fidelity Design Prepared for Handoff and Usability Testing

Polished High‑Fidelity Design Prepared for Handoff and Usability Testing

Polished High‑Fidelity Design Prepared for Handoff and Usability Testing

Below is the polished, high‑fidelity wireframe illustrating the refined layout, visual style, and key interactions, making it ready for prototyping and user testing.

CONCLUSION

Reflections

Balancing User Needs and Business Goals in a B2B SaaS Product

Balancing User Needs and Business Goals in a B2B SaaS Product

Designing venue manager workflows taught me how to simplify complex actions while meeting business priorities—helping create intuitive tools that support both sides.

Creating Usable, Accessible Interfaces Through Iteration

Creating Usable, Accessible Interfaces Through Iteration

I refined UI components using research findings and our design system. Iterating on feedback improved consistency and made the product more accessible and user-friendly.

Growing Through Team Collaboration and Feedback

Growing Through Team Collaboration and Feedback

Working with a PM and fellow designers, I used Trello, Notion, and Figma to stay aligned. Regular critiques pushed me to think critically and strengthened my collaboration skills.

Hypothetical Success Criteria

Defined Clear Metrics to Measure Future Impact

Defined Clear Metrics to Measure Future Impact

Cut Approval Time by 30–40%

If launched, we expect significantly faster decision-making compared to current manual workflows.

Boost Staff Efficiency and Satisfaction

Internal surveys would likely reflect smoother task handling and reduced decision fatigue.

Reduce Organizer Follow-Ups

Clearer status visibility should lower uncertainty and cut unnecessary communication.

Increase Use of In-Platform Approvals

By centralizing actions, the design could replace fragmented tools like emails and spreadsheets.

©2025 Sally (Yu-Hsuan) Chung

©2025 Sally (Yu-Hsuan) Chung