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 a phased approach, with the Marshal app as the MVP for an upcoming event. I worked closely with the team to explore user scenarios, from first login to what happens when an unknown vehicle arrives at a checkpoint.

I developed detailed storyboards and user flows that made complex real-world situations easier to follow, and these guided the design and development of both apps.

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

Marshals select the event they're attending before continuing.

Scan Vehicles

They can then begin scanning vehicle VAPPs.

Flow diagram

Marshal App: built 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. The discovery work meant this stage was quick and focused. We built prototypes early, tested them with end users, and used 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.

To speed up development, we kept the branding light and used Laravel's existing UI patterns as a foundation. That let us concentrate on the logic and interaction design first, and add visual polish in later phases.

Admin UI navigation
Users view Dashboard VAPPs list VAPPs detail VAPP Details Event Details