A product foundation. Then the workflows on top.
I owned most product-design decisions, aligning them with the project manager, stakeholder, technical lead, developers, and designers. My scope covered the core screens, new functionality, and the design system.
Redesign the MVP
Turn rough product screens into a connected operational workspace.
Create the first system
Build Figma patterns around the team’s existing React components.
Connect the experience
Design admin, kiosk, and mobile workflows with engineering.
Across ShowUp · admin, kiosk, mobile, and system
I designed name, email, QR, and personal-device check-in routes with recovery states, and built Figma patterns around the team’s existing React component library. Developers implemented the product code.
Giveaways. Know who received what.
Connect attendee identification, item assignment, and distribution records across desktop and mobile.
A new giveaway workflow. An event deadline.
The event team needed to connect giveaway distribution to attendee badges. Administrators would manage attendees, items, and devices on desktop; on-site staff would identify people and assign items with mobile scanners.
Make each handover traceable.
At the point of handover, staff needed to confirm the person, assign the correct item, and recognize items already assigned elsewhere. Administrators needed a clear view of who received what. Failed scans and camera issues also needed a recovery route within a short delivery window.
One record of distribution. Two ways to work.
I designed the desktop controls and the mobile handover flow as parts of the same operation: configure items and devices, identify an attendee, assign an item, and update the recipient record.
Give administrators a clear operational view.
Attendees, Items, and Scanners separate the three administrative tasks. Recipient counts and recent activity make distribution visible, while item settings define names and barcode recognition.
Desktop · attendees, items, and scanners
Scan the person. Assign the item. Confirm.
The scanner first identifies the attendee from their badge. Staff then choose the giveaway and scan its barcode. Confirmation updates the assignment and returns them to the recipient list.
Mobile · from attendee badge to assigned item
Make the next action clear when a scan fails.
Recovery states cover an unsuccessful badge scan, missing camera permission, and an item already assigned to someone else. The wider flow also supports manual barcode entry, items without barcodes, and unassigning an item before reassignment.
Recovery · retry, permissions, and existing assignments
Build and test with the team.
I spent about one week designing, followed by another on reviews, revisions, handoff, and engineering alignment. Equipment setup was tested before the event, with developers supporting implementation and fixes.
Complete original desktop and mobile walkthroughs
Built in time.
Used at the event.
The desktop and mobile workflow was implemented and used successfully at the event.
Delivery with engineering took up to one month. The operational scenario worked at the event, and the company was satisfied with the result.