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.

Download

User downloads the application and installs on their device.

Login

On opening, users enter their credentials provided by an admin.

Create Password

First-time users are prompted to create a new password.

Select Event

Marshalls select the event they’re attending before continuing.

Scan Vehicles

They can then begin scanning vehicle VAPPs.

As we talked, I gained insight into real-world scenarios, helping shape storyboards and detailed user flows for both the Marshall and Admin apps.

Flow diagram

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.

Login screen
Password reset screen
Event selection screen
Car park selection screen
Vehicle detail view
App information screen

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.

Admin UI navigation

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.

…
…
…
…
…
…