Case Study
TEDxITB Event Platform
A public event app with ticketing, merchandise, QR attendance, and admin operations
01 - Problem
TEDxITB needed a web platform that could support public event information, ticket purchase flows, merchandise checkout, attendee access, and admin-side order operations without making the user journey feel fragmented.
02 - Research
I mapped the needs of attendees and internal organizers: clear event discovery for visitors, reliable ticket and merchandise states for users, and faster review flows for admins managing orders and attendance.
03 - Process
The work moved between Figma flows and implementation. I helped translate event requirements into pages, dashboards, order states, and QR-based attendance interactions while keeping the interface direct enough for event-day use.
04 - Wireframe
Wireframes focused on the highest-risk flows: ticket selection, proof upload, user dashboard states, admin order review, and attendance scanning. Each flow was kept linear so users could understand what to do next.
05 - Design System
The interface used a simple event-oriented component set: cards for tickets and products, status badges for orders, tables for admin review, and compact dashboard modules for account-specific information.
06 - Final UI
The shipped app includes public pages, ticket and merchandise checkout, authenticated dashboards, QR ticket access, and admin tooling for orders, attendance scanning, and event email operations.
07 - Reflection
This project strengthened how I connect design handoff with real frontend constraints. The biggest lesson was keeping event operations boring in the best way: clear states, predictable flows, and interfaces that hold up when the room gets busy.