My role: Lead Designer (user experience, user journey, interaction design, visual design)
Year: 2019
Client: Access Hospitality
Company I was working for: Sparck/BJSS
Length of project: 15 days
Deliverables: Coded high-fidelity prototype, User Journeys
Tools: HTML, CSS, Javascript, Sketch, Adobe CC, PHP, MySQL
Year: 2019
Client: Access Hospitality
Company I was working for: Sparck/BJSS
Length of project: 15 days
Deliverables: Coded high-fidelity prototype, User Journeys
Tools: HTML, CSS, Javascript, Sketch, Adobe CC, PHP, MySQL
Overview
Helping remove the barriers of the workplace for an equal playing field
Access Hospitality is a not-for-profit organisation aiming to help adults with learning disabilities enter fulfilling paid employment.
Previous research found that a colour-coded symbolic system worked well for trainees compared to verbal or written instructions when carrying out day-to-day tasks within a professional environment. The concept would be initially tested out in a sports club environment by creating a prototype for the staff and customers.
Access Hospitality is a not-for-profit organisation aiming to help adults with learning disabilities enter fulfilling paid employment.
Previous research found that a colour-coded symbolic system worked well for trainees compared to verbal or written instructions when carrying out day-to-day tasks within a professional environment. The concept would be initially tested out in a sports club environment by creating a prototype for the staff and customers.

Sketches from a co-creation session with the client
Challenge
There were only 15 days for the team to build and test a prototype.
It would be challenging to test a prototype with only test data; we needed to capture an end-to-end experience.
It would be challenging to test a prototype with only test data; we needed to capture an end-to-end experience.
The business needs:
• To remove the upfront pressure and communication for trainees by having a separate order and pay system
• Trainees need to have time to create orders - a vast backlog could be stressful
• Information and steps need to be presented to trainees clearly one at a time
• Trainees need to be able to access the order requests on their personal device
• To remove the upfront pressure and communication for trainees by having a separate order and pay system
• Trainees need to have time to create orders - a vast backlog could be stressful
• Information and steps need to be presented to trainees clearly one at a time
• Trainees need to be able to access the order requests on their personal device

This is the app that costumers accessed to make orders during the user test session

The order was translated to symbols and sent to the staff so they could prepare the customer order
Results
In 15 days, I created a fully functional coded prototype that was connected to a database. The prototype has three UIs: one for customers to order drinks and snacks, one for the trainees to receive the order using the coded images, and an admin area that allows the client to check the orders' progress.
The coded prototype was tested in an event where customers had a leaflet on each table with instructions on using the app; via QR code, they could access the prototype and order drinks and snacks at their table. The test was a success, and the user researchers could capture the inputs from the customers and the trainees. Furthermore, since the prototype was fully functional, the client could use it in other events while waiting for the fully developed version of the app.

Coded prototype