Our team conducted UX Research and UX design methods to redesign a website, prototype a mobile app, and develop UX writing and content for Corridor Flow, a local LA coffee shop.
<aside> <img src="/icons/cursor-click_green.svg" alt="/icons/cursor-click_green.svg" width="40px" /> corridorflow.com
Corridor Flow is a local family-owned coffee shop and co-working space located in Lomita, California. They strive to provide a comfortable environment for individuals to work, create, and interact. Corridor Flow’s website serves as a site for online ordering, Coflow (coworking space) reservations, an event calendar, and venue rental inquires.
</aside>
<aside> <img src="/icons/groups_green.svg" alt="/icons/groups_green.svg" width="40px" /> Team Members
<aside> <img src="/icons/report_pink.svg" alt="/icons/report_pink.svg" width="40px" /> The Problem
A post-pandemic economy and environment has altered individual and business requirements—students and young professionals have switched to remote and hybrid settings and are in need of places to thrive. They require accessible and efficient digital systems to engage comfortably.
</aside>
<aside> <img src="/icons/bullseye_purple.svg" alt="/icons/bullseye_purple.svg" width="40px" /> The Goal
<aside> <img src="/icons/flag-swallowtail_blue.svg" alt="/icons/flag-swallowtail_blue.svg" width="40px" /> The Objectives
<aside> 1️⃣ Explore
<aside> 2️⃣ Research
<aside> 3️⃣ Design
<aside> 4️⃣ Test
As a team, we conducted heuristic analyses to familiarize ourselves with the website, investigate small details of the site, and uncover areas of concerns that we could focus on for our UX research.
| Usability Heuristic | Primary Concerns | Rating |
|---|---|---|
| Visibility of System Status | Doesn’t highlight the navigation bar when on a particular section/tab | 3 |
| Match between system and real world | Not immediately obvious what Corridor Flow is & what makes it unique. Home logo says “stay present” instead of Corridor Flow or an image logo | 1 |
| User control and freedom | Links for ordering and Coflow reservation redirect to other platforms/pages. Difficult to return to main website. | 3 |
| Consistency and standards | Reservation system is built with workarounds, making the flow a bit unnatural and different from what you would expect | 1 |
| Error Prevention | Reservation system does not prevent error— must select seat first; user doesn’t know if it will be unavailable. The cart is in the top right of the navigation, but does not link to products or a menu. Lots of information—can overwhelm the user/lead to mistakes | 4 |
| Recognition rather than recall | Typography and layout of content does not convey clear information hierarchy, making it easy for users to miss things. Seating chart is not in the same frame as the reservation system, meaning user must recall what seat they wanted | 3 |
| Flexibility and efficiency of use | Difficult to switch between processes (e.g. reserving seat and checking menu). No search function. | 2 |
| Aesthetic and minimalist design | Typography can be difficult to read and is inconsistent across pages. Some elements are larger than necessary (e.g. calendar). Color contrast and accessibility concerns. | 3 |
| Help users recognize, diagnose and recover from errors | Unclear reservation system instructions. Could use more instruction or information about availability. | 2 |
| Help and documentation | No help or FAQ section | 2 |
We aimed to improve our understanding of our target users and how they interact with Corridor Flow’s digital systems. These insights would help us develop and streamline the customer experience, increase engagement and usage of digital systems, and prioritize accessibility. We explored:
<aside> 1️⃣ Users’ goals and expectations
</aside>
<aside> 2️⃣
Users’ processes and habits
</aside>
<aside> 3️⃣ Context of use: how, why, and when users utilized coworking spaces and websites/digital systems
</aside>