Sacramento Kings check-in flow is a UI flow for the ticket holders of the NBA matches held in October 2021.
Stakeholder interviews
Competitive analysis
Sketches
High-fi UI
Prototype
Testing
💡 Tools: Figma
💡 Deliverables: Responsive web app
💡 Timeline: 1 month
💡 Category: Sports
💡 The team: CEO, client success director, designers, project manager, developers
💡 Role: UX, UI
Goal
To create a check-in flow for the season ticket holders of Sacramento Kings games.
Design Process
Think
Stakeholder interviews
Ideation
Research
Make
Mockups
Prototypes
Check
Interview reviews
Stakeholder feedback
âš¡ Lots and lots of iterations for the entire period!
Sketches
Style guide
High-fi UI
Step 1. Enter phone number
The person will scan the QR code using their phone which will be navigated to this screen which has just one field which is the phone number.
Step 2. Form
After the phone number is entered by the user, it will be checked in the backend if their name, email and consent exist in the database. Even if one field is missing, the user will have to fill up this form.
Step 3. Check-in to game(s)
Certain VIP fans will need to be allowed to check in at least 24 hours before the game starts - this could mean checking in to more than 1 game. If the mobile number submitted belongs to a fan who has tagged as Row 1 Owner or Row 1 Guest, we need to present a simple and clean way to list all games (about 40 games) they can check into. Users can toggle/uncheck in / check in today or future games.
Step 4. All Set
After this screen is shown to the user, the user will receive a message from the backend which will walk them into the stadium.
Edge cases - no data entered or wrong data
iPad mockups
If somebody doesn’t have their phone then they’ll do this entire flow on the iPad when they go through security.
Prototype