top of page

UI/UX Project

JR FOOD COURT

What is JR Food Court?

Background

JR Academy is a growing educational institution and recently announced plans to open a new office in Sydney. To facilitate their staff’s lunchtime needs, the office will feature a food court with 10 food vendors and a common dining room.

Task

My task is to create a user-friendly digital interface for the JR Academy staff to order their lunch from the office canteen. This interface should simplify the process of ordering food for either desk-side consumption or dining in the food court. The goal is to make it effortless for the employees to order their meals without any hassle.


Project Considerations

  • User-friendly experience

  • Ensuring convenient and accessible seating options for employees during their lunch breaks.

My Design Process

market-research-business.png

Discover

  • Background research

  • User personas

  • Online surveys

task-management.png

Define

  • Feature prioritisation

  • User task flow

  • Define scope of work

mail-marketing.png

Develop

  • Paper prototype

  • Wireframes/Sketches

  • Hi-FI

business-goals.png

Deliver

  • User testing

  • User feedback analysis

  • Collaborating with developers to assess viability

Discovery

During the discovery of the JR FOOD COURT project, I conducted interviews with JR Academy staff and performed thorough background checks on the company to create the comprehensive user persona. The user persona helped us to determine the appropriate size and location of the canteen, ensuring that the digital interface I designed would meet the needs of the employees and provide a seamless ordering experience.

User Persona

Persona Zoe.png

Define

During the define phase of our project, I collaborated with my team members to brainstorm and create a comprehensive plan that included feature prioritisation, user task flow, and defining the scope of work. This process allowed us to clearly outline our goals and ensure that our design decisions were aligned with the needs of our users.

Sticky Notes

After conducting thorough research and analysis, we were able to define the key pain points of our users and develop effective solutions to address them.

Key Pain Point:​

The lunchtime rush at the canteen often leads to overcrowding, causing a shortage of available tables for the employees.

Plan Solutions:
  • Creating a user flow to streamline the ordering process and reduce wait times

  • Implementing a reservation system to ensure that employees can secure their preferred seating options in advance

  • Developing a notification system to alert employees when their orders are ready for pickup

  • Providing clear signage and way finding to guide employees through the food court

  • Regularly monitoring and analysing user feedback to continuously improve the solution and address any new pain points that may arise.

 
Gradient Background

User Task Flow

 
 

For users who ordering food in canteen

 
 
 
Group 1000001986.png

For users who bring their own lunch and need a seat only

 
 
Group 1000001987.png

Develop

To develop a digital interface that would meet employee needs and offer a seamless ordering experience, I employed a three-step development process consisting of paper prototypes, wireframes/sketches, and high-fidelity (HiFi) prototypes.

Logo Design Process

 
 
 
Group 1000001961.png

Low-Fi

Low-Fi to Hi-Fi 

Group 1000001935.png

I meticulously crafted the user interface with an emphasis on visual appeal and usability. By adhering to JR Academy's branding guidelines, I maintained consistency throughout the interface. I carefully selected fonts, colours, and images that not only complemented the overall design but also elevated the user experience.

Minimalistic iPhone mockup held by user (Mockuuups Studio).png

Deliver

During the delivery phase, I conducted user testing and user feedback f analysis to create intuitive and user-centred designs. By participating in an iterative process of gathering user insights, I ensured the effectiveness and practicality of my design solutions. In addition, I communicated with developers g throughout the project to assess the feasibility of the design concepts.

Enhancements via User Testing and User Research

  • Improving the Table Booking Experience

Key findings:

  • Confusion and inconvenience in table booking function

  • Interface not intuitive for users

  • Users unable to select a dining period, leading to inaccurate seat counts

Redesign Strategy:

  • Refined the booking interface for clarity and ease of use

  • Introduced the ability to reserve a specific dining period

  • Enabled users to select a table number

Select Seats Page 1.png

Project Outcomes

bottom of page