Oaza Shawarma Plus is an Egyptian/Italian fusion restaurant in Mississauga. The owner, Alex, wanted to revamp his entire business, including his website, social media, menus, equipment, and actual restaurant. Alex hired our team to help him do so.

This project is a work in progress, and this case study shows the UX/UI design I have completed thusfar.

Main Issues

1. The interface is very outdated and unattractive.

Proposed Solutions

1. Design a better, more modern-looking website.

2. The website doesn't mention Italian food, only Egyptian.

2. Brand Oaza as a fusion restaurant on the home/about pages.

3. The feedback page doesn't work/exist.

3. Link to customer reviews (Google Reviews, Yelp, etc).

4. The descriptions of food items are redundant and confusing.

4. Simplify descriptions to reduce clutter, and be clearer.

iPad/Tablet Landscape: elements are slightly compressed, slightly smaller fonts used.

iPad/Tablet Portrait: elements are further compressed, intro photos are smaller, Top Dishes reduced to 2 columns.

Mobile: top bar elements are reduced to icons, navigation bar is converted into a hamburger menu, intro photos are converted into background with intro text overlaying, Top Dishes and Customer Reviews horizontally scroll, smaller fonts are used.

I created an interactive prototype of Oaza's website, which I used to conduct usability tests with users, and restaurant owner Alex.

I had them carry out tasks, noted their pain points and comments, and recorded their feedback with each iteration. I then used my findings to improve the following iteration.

I held additional tests and surveys with users to help choose final UI elements, such as format, color palette, fonts, and logo.