Designing purpose-built tools to manage secure vehicle access during live events
Marshall & Event Management App — Progressive Web App
I was brought in to help design a Progressive Web App system that would streamline vehicle flow in and out of secure compounds during large-scale events.
The platform needed to support two distinct user groups: Marshals using handheld devices on-site, and Administrators managing events and access remotely.
- Service & System Design
- User Flow Mapping
- Storyboarding
- Wireframing
- Prototyping
- Client Collaboration
- UI Design
My role: Defining user flows and delivering the UI for both apps, with an MVP-first focus
Following early discussions with the client, we agreed to prioritise a fast-moving, phased approach — with the Marshal app forming the MVP for an upcoming event. I worked closely with the team to explore user scenarios, from initial login to what happens when an unknown vehicle arrives at a checkpoint.
Using this insight, I developed detailed storyboards and user flows that brought clarity to complex real-world situations. These were then used to guide both the design and development process for each app.
User downloads the application and installs on their device.
On opening, users enter their credentials provided by an admin.
First-time users are prompted to create a new password.
Marshalls select the event they're attending before continuing.
They can then begin scanning vehicle VAPPs.
Marshal App — streamlined for speed and ease-of-use on the ground
With a clear flow in place, I moved quickly into wireframes and UI design for the Marshal interface. Thanks to the discovery work, this stage was efficient and focused — we created prototypes early on and tested them with end users, using the feedback to tweak interactions and improve usability.
Admin App — managing events, access and oversight
While the Marshal app was being refined, I also began shaping the Admin experience. This included mapping out flows for tasks such as event creation, assigning Marshals, managing vehicles, and reviewing analytics.
To speed up development, we kept branding light and used Laravel's existing UI patterns as a foundation — allowing us to focus on getting the logic and interaction design right before layering on visual polish in later phases.
