3 

/10 for simplicity

• Too many pages of customization
• Complicated ordering process
• No search bar, must scroll and search manually
• Cannot access menu from map
• Requires payment info filled to browse menu

4 

/10 for functionality

• Cannot view menu from the map
• Cannot order quantities of item
• Cannot add special notes for orders
• Cannot sort restaurant/menu list

3 

/10 for customization

• Limited order personalization
• Only campus restaurants are supported

3 

/10 for efficiency

• Map tool is not linked to restaurant menu
• Difficult to locate and navigate to restaurants
• Requires tapping through multiple pages of options
• No ability to order duplicates of the same orders

Home Page

By placing users’ available funds front and center on the homepage, our users can make informed decisions about their orders with a clear view of their budget. Next, I crafted a visually engaging gallery of restaurants, each represented by photos that highlights their menu items.

Horizontal scrolling galleries allows for a cleaner layout and an engaging user experience, as it lets users easily navigate through content without overwhelming the visual space.

To elevate user autonomy in the selection process, we’ve implemented a flexible sorting system that prioritizes personal preferences over mere geographical convenience. Each restaurant entry is thoughtfully equipped with a location button, guiding users to a detailed map view with a single tap.

Menu Page

Once a user selects a restaurant, they are navigated to the menu page. Here, we’ve categorized menu items to streamline the decision-making process. Each category is visually defined with photos, offering a glimpse into the dish before delving into the finer details.

Understanding the value of efficiency, we’ve also integrated a search bar, allowing users to swiftly locate their desires. Additionally, a sorting feature enhances the user’s ability to personalize their browsing experience.

To foster a sense of connection and personalization, we’ve introduced the option to "heart" restaurants. This feature not only curates a user’s preferences but also creates a more engaging and tailored interface. Each step in our design process was meticulously crafted to ensure a seamless, intuitive, and delightful experience for our users.

Customization Page

The customization page was designed as a seamless continuation of the user’s journey. After selecting a dish from their restaurant of choice, users are presented with an array of customization options on a single, vertically scrollable page. This intuitive design eliminates the need for multiple taps through various pages, streamlining the customization process into a fluid, user-friendly experience.

Check-Out Page

The checkout page has been refined to enhance user efficiency. Post selection of their desired items, users arrive at a streamlined checkout interface where they can effortlessly adjust the quantities of each item. This marks a significant improvement over the original app’s design, which necessitated revisiting the entire customization sequence to include additional items. Our design solution simplifies the process, saving time and enriching the overall user experience.

Map Page

The map page, as a pivotal feature, is accessible via the bottom tab or directly through the location icon beside each restaurant on the homepage. It presents an interactive map of the UCSD campus, punctuated with clearly labeled pins denoting restaurant locations.

These pins serve as direct links to the restaurants’ menus, offering users a seamless transition from exploration to decision-making.

Additionally, the provision of navigational directions empowers users to effortlessly find their way to their chosen dining destination. This design iteration focuses on intuitive navigation and ease of access, ensuring a user-friendly and efficient experience.