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.
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.
As we talked, I gained insight into real-world scenarios, helping shape storyboards and detailed user flows for both the Marshall and Admin apps.
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.
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.