Responsive Web Design
SaaS
B2B
Immer
Immer
Designing event management to help venues efficiently review, approve, and oversee events
Designing event management to help venues efficiently review, approve, and oversee events
Overview
Overview
Designed Event Management Screen That Cut Approval Time by 30–40% and Boosted Organizer Confidence
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)
Summer 2024
(12 weeks)
What I Did
UX Design, Responsive
Web Design (RWD), Wireframing, Prototyping
UX Design, Responsive
Web Design (RWD), Wireframing, Prototyping
Team
2 UX Designers (including me), 1 Project Manager
2 UX Designers (including me), 1 Project Manager
Tools I Used
Figma, Trello, Notion, Microsoft Teams
Figma, Trello, Notion, Microsoft Teams
Problems
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
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
Solution
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.
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.
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.
Shows full booking info, including event description, audience stats, requested services, equipment, and special notes for smoother coordination.
Competitive Analysis
Competitive Analysis
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.
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).
Product Requirements
Product Requirements
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.
After aligning with the PM on solution options, I organized the company’s screen requirements into three categories.
Functionality
Functionality
Event Review
Approval / Denial
Event Details
Denial / Cancellation Reasons
Event Review
Approval / Denial
Event Details
Denial / Cancellation Reasons
UX & Design Principles
UX & Design Principles
Simplicity
Clarity
Streamlined Navigation
Straightforward Review Processes
Simplicity
Clarity
Streamlined Navigation
Straightforward Review Processes
Benefits & Business Goals
Benefits & Business Goals
Event Quality Control
Transparency
Efficient Workflow
Enhanced Venue Reputation
Event Quality Control
Transparency
Efficient Workflow
Enhanced Venue Reputation
User Flow
User Flow
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.
I mapped the user flow and confirmed the process with the Product Manager before moving into wireframes and high‑fidelity prototyping.
Wireframes
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.
Low‑fidelity wireframe layouts established core feature placement and information hierarchy, setting the foundation for high‑fidelity designs.
Initial concepts
Initial concepts
Created low‑fidelity screens—calendar and event‑details pages—to validate the placement of core features with project manager.
Created low‑fidelity screens—calendar and event‑details pages—to validate the placement of core features with project manager.
Annotated
Annotated
Incorporated Project Manager's feedback (dark gray highlights) to add decision buttons, status filters, and organizer info to both screens.
Incorporated Project Manager’s feedback (dark gray highlights) to add decision buttons, status filters, and organizer info to both screens.
Location labels to avoid confusion across multi-city venues
Calendar filters for quicker category sorting
Equipment info for detailed scheduling
Add-on request section to show all booked services
Comments & notes for internal use or organizer updates
Location labels to avoid confusion across multi-city venues
Calendar filters for quicker category sorting
Equipment info for detailed scheduling
Add-on request section to show all booked services
Comments & notes for internal use or organizer updates
Iterations
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
Calendar page
Calendar page
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.
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.
Enhanced at‑a‑glance visibility: Color‑coded entries let users see booking status on the calendar without opening each event.
Enhanced at‑a‑glance visibility: Color‑coded entries let users see booking status on the calendar without opening each event.
Event details page
Event details page
Multiple organizers: Replaced the single‑organizer label with a swipeable slider for events with multiple hosts.
Multiple organizers: Replaced the single‑organizer label with a swipeable slider for events with multiple hosts.
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.
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.
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.
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
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
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.
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
Built Organizer Confidence Through Transparent Status Visibility
Transparent status visibility and detailed event info helped organizers feel more confident and informed.
Transparent status visibility and detailed event info helped organizers feel more confident and informed.
Aligned With Business Goals to Streamline Coordination and Build Professionalism
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.
This approach aligned with the platform’s goal to streamline coordination and reinforce venue professionalism.
Final High-Fidelity Wireframe
Final High-Fidelity Wireframe
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.
Below is the polished, high‑fidelity wireframe illustrating the refined layout, visual style, and key interactions, making it ready for prototyping and user testing.
Reflections
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.
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.
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.
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
Hypothetical Success Criteria
Defined Clear Metrics to Measure Future Impact
Defined Clear Metrics to Measure Future Impact
Cut Approval Time by 30–40%
Cut Approval Time by 30–40%
If launched, we expect significantly faster decision-making compared to current manual workflows.
If launched, we expect significantly faster decision-making compared to current manual workflows.
Boost Staff Efficiency and Satisfaction
Boost Staff Efficiency and Satisfaction
Internal surveys would likely reflect smoother task handling and reduced decision fatigue.
Internal surveys would likely reflect smoother task handling and reduced decision fatigue.
Reduce Organizer Follow-Ups
Reduce Organizer Follow-Ups
Clearer status visibility should lower uncertainty and cut unnecessary communication.
Clearer status visibility should lower uncertainty and cut unnecessary communication.
Increase Use of In-Platform Approvals
Increase Use of In-Platform Approvals
By centralizing actions, the design could replace fragmented tools like emails and spreadsheets.
By centralizing actions, the design could replace fragmented tools like emails and spreadsheets.
