Marshall and Event Management App

Progressive Web App

I was tasked with helping to develop a new progressive web app to monitor and control vehicle flow into and out of secure compounds.

This would necessitate the need for two separate applications, one to be used by Marshals via their handheld device that would allow them to login to an event and scan vehicle codes. The second for Admins who would be able to create events, and manage vehicle access.

Discovery

After discussion with the client, a phased approach was agreed to allow the quick development of an MVP for an upcoming event. Key was the delivery of the Marshall app.

…

User downloads the application and installs on their device.

…

On opening the application, the user will be prompted to enter their username and password. This information will be provided to them by a moderator or admin

…

On their first login, the user will be prompted to create a new password. This is for security and will only happen on first load.

…

As Marshalls may be working multiple events, they will be asked to select the event they are currently at. Tapping the event name will redirect them to…

…

Once logged in, Users can start scanning VAPPs.

As we talked, I was able to gain an understanding of the scenarios a user would likely encounter, from onboarding through to how a Marshall would communicate an unknown vehicle. This allowed me to create a series of Storyboards to provide clarity and informed more detailed User Flows for both applications

…

Marshall App

Once the flow was defined, and understood by the client I progressed the wireframes and UI. This was a simple process for the Marshall app, thanks to the in depth discovery process and focus on understanding how a Marshall would use the application.

It was at this stage we also created some initial prototypes that were tested with some users, with their initial feedback and observations informing some initial optimisations.

…
…
…
…
…
…

Admin App

Whilst planning delivery of the Marshall app, I was also developing an understanding of the Admin App. This application would be used by an Administrator to perform a series of tasks, from creating events and assign Marshalls, through to adding vehicles and view analytics.

For each journey, I created a series of user flows to help simplify the understanding of what could be a complex application.

…

Design was simplified further by choosing to build the application in the Laravel framework and making minimal changes to its UI initially. This enabled us to collaborate more closely with the client, focusing less on brand creation and more on user journeys and ensuring that key interactions were simple and intuitive.

…
…
…
…
…
…