UX + UI Design: Steven Ackerman
Product Manager: John Uetz
Touch-enabled reserved seating: boosting sales by 300%
Until recently, Vendini's reserved-seating sales relied on a SWF component for seat selection. Customers on mobile devices could only book "best available" seats, and box office agents relied on desktop software. I designed an experience that uses HTML5 Canvas to turn existing map data into a touch-capable seat selecor with a simple, familiar flow.
More than 90 percent of patrons buying tickets at a Vendini venue are buying for the first and only time. Forty percent of patrons visit a venue's website on a mobile phone. Tickets are held for as little as five minutes before being released back to inventory, and according to our survey customers are typically looking to complete their purchase in three minutes or less. The UI needed to be exceedingly clear.
Users needed to be able to zoom in and out and pan in all directions on the map without affecting the page scroll. This required a modal fullscreen view that scaled up responsively to desktop size. A series of storyboard frames tells the interaction story, stitched together in an HTML/JS shell for a scripted prototype.
The HTML5 map module — rendered through Leaflet.js — also functions in a webview in iOS for box office agents selling from mobile devices. Box office agents using Vendini TicketAgent iOS get an enhanced view allowing them to identify the owners of sold seats, and to see box office holds and seat-specific comments.
The map appears in the web app too, where agents can administer such parameters as holds, seat comments, and price scales.
Customer conversion coud be improved by providing the user with multiple opportunities along the funnel to reconfigure their selection parameters — row, seat number, area map, section, row and seat, price scale, and ticket type. This allowed the user to make changes without ever having to go back.
Modern UI runs on web standards
No changes required to existing backend
Over 20,000 end users per month now reserve their Vendini-sold seats on mobile devices
Sales increased up to 300% for some customers
Desktop usability improved over previous front-end
Box offices now able to manage tiered ticket levels
SVG-based area maps will increase scalability and accuracy
Geo-positioned or skewed X and Y coordinates will allow for non-orthagonal, more realistic venue map layouts
Box offices would benefit from features providing high-level reads on scarcity and real-time sales data