Subway UI/UX Independent Study

Subway UI/UX Independent Study

Subway UI/UX Independent Study

About

Subway’s online presence had several critical issues, from slow load times to confusing navigation, that made the website difficult and frustrating to use. This independent UI/UX study was conducted to analyze and redesign Subway’s UK website, focusing on improving speed, navigation, and accessibility for a better user experience.

After thorough research, I revamped the layout, enhanced the visual hierarchy, and addressed problems such as inconsistent buttons and redundant options. The primary aim was to create a faster, more user-friendly platform that would help users quickly find what they need, improving their overall satisfaction with the Subway online experience.

Subway’s online presence had several critical issues, from slow load times to confusing navigation, that made the website difficult and frustrating to use. This independent UI/UX study was conducted to analyze and redesign Subway’s UK website, focusing on improving navigation and accessibility for a better user experience.

After thorough research, I redesigned the layout, enhanced the visual hierarchy, and addressed problems such as inconsistent buttons and redundant options. The primary aim was to create a faster, more user-friendly platform that would help users quickly find what they need, improving their overall satisfaction with the Subway online experience.

Role

Role

UI/UX Designer & Researcher

Date

Date

November 2023

Author

Ramzy Izza W.

Reference

2

Total Web App Pages

Challenge

The main challenge was tackling the poor usability of Subway’s website. Users experienced slow load times, cluttered navigation, and accessibility barriers, which led to frustration and abandonment.

Additionally, the lack of visual hierarchy made it difficult for users to focus on primary actions, such as placing orders or locating stores. Ensuring the website was responsive across both desktop and mobile was another significant challenge, given that over 50% of traffic comes from mobile devices.

Responsibility

As the lead UI/UX designer, my role was to fully redesign the Subway UK website’s interface to address these challenges. I took charge of researching user pain points, wireframing, and prototyping the new design.

My responsibilities included improving site speed, simplifying navigation, and ensuring the platform was accessible and visually consistent across all devices. I also ensured that the redesign aligned with Subway’s brand while focusing on user experience improvements.

As the lead UI/UX designer, my role was to fully redesign the Subway UK website’s interface to address these challenges. I conducted all the end-to-end process from researching user pain points online, wireframing, and prototyping the new design.

My responsibilities included simplifying navigation, and ensuring the platform was accessible and visually consistent across all devices. I also ensured that the redesign aligned with Subway’s brand while focusing on user experience improvements.

Process

Research & Analysis: I began by gathering insights through user reviews and performance data to identify the key issues with the website. I focused on problems related to slow load times, poor navigation structure, and accessibility barriers.

Wireframing & Prototyping: Using Figma, I created wireframes and prototypes that addressed the site’s critical issues. These designs introduced a more structured visual hierarchy, reduced redundant options, and simplified navigation paths for a smoother user experience.

Design Improvements: I focused on enhancing accessibility by improving color contrast, creating consistent button styles, and organizing content more effectively. The final design prioritized user actions and streamlined the overall flow.

Testing & Optimization: The new design was tested on both mobile and desktop platforms to ensure responsiveness and usability. I conducted real-time prototyping to gather feedback and further refine the design.

Research & Analysis: I began by gathering insights through user reviews and performance data to identify the key issues with the website. I focused on problems related to slow load times, poor navigation structure, and accessibility barriers.

Wireframing & Prototyping: Using Figma, I created wireframes and prototypes that addressed the site’s critical issues. These designs introduced a more structured visual hierarchy, reduced redundant options, and simplified navigation paths for a smoother user experience.

Design Improvements: I focused on enhancing accessibility by improving color contrast, creating consistent button styles, and organizing content more effectively. The final design prioritized user actions and streamlined the overall flow.

Testing & Optimization: The new design was tested on both mobile and desktop platforms to ensure responsiveness and usability. I conducted real-time prototyping to gather feedback and further refine the design to few of my close friends.

Key Takeaways

This project highlighted the importance of addressing both functional and visual aspects of website design to improve user experience. Small changes, like improving page load speed and simplifying navigation, can significantly impact user satisfaction and engagement. By focusing on accessibility and responsiveness, the redesigned Subway website is now more efficient and user-friendly across all devices, leading to a better overall brand experience.

Reach out to me for any inquiries!

© Ramzy Izza Wardhana 2024

Reach out to me for any inquiries!

© Ramzy Izza Wardhana 2024

Reach out to me for any inquiries!

© Ramzy Izza Wardhana 2024