top of page

Subway Ordering page (Redesigned)

  • Project

  • Case study

Roles & Responsibilities

 

  • Identifying the Gap in the food ordering menu.

  • Identified problem in Categorization, offers, Interactive imagery, User experience, Accessibility 

  • Added Clear Add on Menu Display, User friendly Interface.

Screenshot 2025-05-13 at 2.15.10 PM.png

  • Original Menu page

  • Wireframe

  • Resigned Website

02 - Our Menu - Subway® - [www.subway.com] 3.png
Screen 22.png
Screen 23.png
Improved categorization

 

  • The menu is now better organized, making it easier for users to browse through different food options.

  • Limited Time Offers Highlighted: Special emphasis has been given to limited time offers to draw user attention and increase engagement.

  • Interactive Imagery High-quality, interactive images have been added for a more engaging browsing experience.

  • Added Clear Add on Menu Display, User friendly Interface.

  • User Navigation Enhanced: A “Back to Top” option is included for smoother navigation.Design

  • Inspiration - The layout draws inspiration from Subway sandwich menus, offering a layered, build-your-own approach that feels intuitive and familiar.

User-15 - Subway® - Order Choice - 08 2.png
Screen 23.png
Screen 24.png
Improved Subtext  Visiblity

 

  • Visiblity Supporting details like descriptions and labels are now easier to read, improving overall clarity.

  • Clear Add-on Menu Display:  Add-ons are neatly presented, making customization straightforward for users.

  • Better Use of Space: The layout efficiently utilizes available space, maintaining a clean and user-friendly interface

  • Promocode Placement Optimization: The promocode field, previously located on the right, has been repositioned to the bottom aligning with the final steps of the checkout process.

User-15 - Subway® - Order Choice - 05 1.png
Screen 3.png
Screen 7.png
Screen 25.png
Side Advancements 
​

  • Page Update Section Separation -The sides section is now divided into two clear categories

  • Chips and Cookie - To help users quickly find what they’re looking for.Improved Layout

  • Improved Layout - Previously, all items were displayed horizontally in a single scroll, which made it harder to distinguish between item types.

  • Now, each category is organised vertically or within its own block, improving navigation and visual clarity.

  • User Guidance - Highlighting bestseller items helps guide indecisive users toward popular choices, reducing decision fatigue.

User-15 - Subway® - Order Choice - 07 1.png
Screen 26 (1).png
Added to Bag Section
​

  • Added to Bag Section Update: More Engaging Layout: The section now features a visually interesting and interactive layout, making the experience more enjoyable while reviewing selected items.

  • Price Placement Optimization: The total price has been shifted to the bottom of the section, aligning with the user’s natural checkout progression and maintaining focus on the product details first.

Fin.

bottom of page
draggable=true This is the link to google