Event Experience

ONX 2025

Role
Product Designer
Timeline
2025
Team
Event Strategy Team, Mobile Developers
Tools
Figma, Mobile Prototyping, Interaction Design, Tailwind CSS, React Native (Design Spec)
ONX 2025 Event App Interface

Executive Summary

Designing the digital companion for the ONX 2025 conference, focusing on a highly responsive, tactile mobile experience. The app allows attendees to customize their breakout sessions based entirely on their department and role, ensuring a personalized event journey.

My Role

  • •Designed 'Customize Your Experience' flow for department-based session filtering
  • •Implemented tactile micro-interactions (active scale, heart animations)
  • •Defined accessibility standards including high-visibility focus rings
  • •Created a mobile-first design system with fluid transitions
  • •Collaborated with developers on haptic feedback implementation

The Challenge

The Problem

Large conferences often overwhelm attendees with irrelevant sessions and static, unresponsive mobile tools. The goal was to create an app that felt 'alive' and deeply personalized.

User Impact

Ensured 100% of attendees see relevant content on their first login through deep personalization.

Business Impact

Delivered a scalable design system that prioritizes engagement and reduces content noise.

Process

01

Concept

Explored tactile feedback patterns to make the app feel alive.

Key Activities

  • •Motion Design
  • •Haptic Prototyping
02

Execution

Refined the customization flow to ensure immediate relevance.

Key Activities

  • •UI Design
  • •Accessibility Testing

Solution

A 'Customize Your Experience' modal that serves as the entry point, filtering content by department immediately. The UI utilizes tactile feedback principles—buttons scale down when pressed, and interaction elements like the 'Heart' icon pulse (`group-active:scale-125`) to mimic physical buttons, creating a delightful and responsive feel.

Key Features

  • •Tactile UI: integrated `active:scale-95` on primary buttons for physical feel
  • •Department-Based Personalization: tailored session tracks based on user role
  • •Micro-animations: 'Heart' icon pumping animation on interaction
  • •Accessibility: branded focus rings for clear navigation
  • •Fluid Design: smooth `transition-all` states for color and shadow changes

Results

100%
Adoption

Attendees using the app

4.8/5
User Rating

Average app store rating

Design Artifacts

ONX 2025 Customization Screen

Personalization modal and event feed

design

Reflection

What Worked Well

  • Tactile micro-interactions delighted users
  • Department-based personalization reduced cognitive load

Challenges Overcome

  • Balancing rich animations with performance on older devices
  • Mapping complex session data to simple department categories

Key Takeaways

  • Event apps must provide immediate value to be adopted
  • Small details like button scaling create a premium feel