UX was Here

UX Design

Spring 2024

UX Design Award Logo

A dynamic community-based platform designed to bring together a diverse audience of UX enthusiasts to foster connections, tackle existing problems, and build solutions.

Currently in beta, UX was Here is a communal platform designed to connect, empower, and inspire UX professionals. This project was a rigorous case study completed over four days for Eunoia UX Design Jam 2024. With UX was Here as a client, my team and I were tasked with addressing their primary challenge: “high turn rate, low usage rate.”

Nominated for Best New Talent, Autumn 2024 - UX Design Awards, awarded by International Design Centre Berlin (IDZ)

Project Type

Design Jam

Tools

Figma

Role

UX Researcher, UX Designer, Prototyper

Team

Erika Wang,
Hugo Duran,
Jasper Precilla,
Samaila Newaz

Team

Erika Wang,
Jasper Precilla,
Samaila Newaz

A Preview into Our Solution

Understanding UX was Here’s Mission

UX was Here began as an anonymous act of UX design, observing the chaos of a crowded company cafeteria serving approximately 1,500 employees daily. As employees scrambled, frustrated, in selecting their meals and making payments, the founder Matt recognized an opportunity to reduce inefficiency and optimize the lines.

After a successful guerrilla experiment, rearranging and optimizing queues, he left behind a stick note that proclaimed, UX was here! As a result, Matt found his solution carried an impact beyond simply improving a lunch line but a demonstration of how “one person’s determination and love for helping others could create a chain reaction of positive change.”

With this sentiment, the UX was Here platform was created with the sharing of resources, expertise, and insights at its core, irrespective of the level of experience or professional backgrounds of the site's users.

This section is still currently in progress.
Please click here to take a look at some of my work samples.

Investigating UX was Here’s High Turnover Rate

In the initial brief, users were noted to quickly drop off after creating their accounts, so as a team we wanted to explore further. Is UX was Here speaking to the right target market? What motivations are driving users to engage with existing communal platforms? What is UX was Here offering that other communities aren’t and how can we differentiate it?

Existing Online Communities and Why do they Work?

As UX was Here caters to a broad spectrum of individuals ranging from students and recent graduates to seasoned professionals, it's essential for us to understand the needs and motivations of its diverse user base.

To begin, our team took a look at competing UX platforms in Design Buddies, IterateUX, and ADPList and various indirect competitors such as Glassdoor, LinkedIn, and Reddit to see where users are positioned and a market discrepancy where UX was Here could potentially fit in.

Insight 1
There is value in a learning environment where designers can freely exchange ideas, seek advice, and collaborate on projects.
Reddit and Design Buddies and IterateUX’s Discord communities encourage more conversation based on the platform’s colloquial, chat-like culture. Contrarily, LinkedIn’s more formal onsite environment presents a larger barrier to entry for new designers.
Insight 2
Professionalism supplements credibility.
IterateUX’s transparent mentorship opportunities and positioning make the rest of the site’s features such as receiving feedback for projects, portfolios, and mock interviews feel more credible. Conversely, Glassdoor’s anonymous reviews feel less reliable, especially as there are no guarantee of qualifications.

UX Designers on Online Communities and UX was Here at a Glance

To gain perspective from a diverse UX demographic, we conducted 6 remote interviews with UX designers ranging from students to professionals on their experience and behaviours in online design communities (or design-adjacent communities). After, we had the designers complete a think-aloud walkthrough of the existing UX was Here website. With this, we organized our qualitative findings into affinity maps.

Two affinity maps placed horizontally. The left one reads multiple clusters of sticky notes regarding users' thoughts and experiences with online communities. The right one reads users' experience with the current UX was Here beta.

Interaction Patterns and Opinions on Online Communities (left), First Impressions of UX was Here (right)

Insight 1
UX was Here lacks a unique value proposition.
“Why shouldn’t I use pre-existing touch points with established user-base besides a much more curated space [for UX designers]?”

“If i have multiple tabs of existing platforms on my browser such as LinkedIn and Event Brite, what’s the difference between that and this platform - besides saving the need to login between three separate accounts.”
Insight 2
Disconnect between brand and product - lacking most in community features, despite being positioned as a “dynamic community-based platform.”
“Cultivating a community when there is no content or activity is very hard.”

“The expectations of having such a wide demographic of users seems very daunting to creating meaningful content and interactions for.”
Insight 3
Avenues for authenticity is a high priority for UX designers.
“A closer-knit community feels less daunting, especially for a community that I actually want to be a part of. Take a Deviantart group of over 50,000+ members for example - where do you even start? There’s so much content to sift through that chances are, I won’t open.”

“There’s a lot of ego on LinkedIn since masses are wanting to get jobs, there is little barrier to authenticity - “divorced from reality.” I much rather prefer the 1-on-1 interactions between people as it gets rid of fake veneer.”

Our Insights in Relation to UX was Here’s Brand Value Pillars

With insights from our competitive analysis and user interviews, we synthesized UX was Here’s brand value pillars and existing value propositions to surface the sectors that our team could focus on.

After looking at how the platform approaches professional networking and growth through features such as events and its job board, we see more long-term potential over time in intervening in enabling open conversation and participation. As our interviews revealed, the primary appeal of most online communities is the active user base and the quality of authentic interactions and conversations that occur as a result.

Brand Concept
Bring the global UX Design community together.
Brand Pillar A
Enable open conversation and participation.
Brand Pillar B
Facilitate professional networking.
Brand Pillar C
Support professional growth.
Brand Value Proposition A1
Post and reply to the community.
Brand Value Proposition A2
Pre-defined post categories.
Brand Value Proposition B1
Browsing and attending events.
Brand Value Proposition B1
Browsing and attending events.
Brand Value Proposition C1
Resources and articles.
Brand Value Proposition C2
Job board.

The Guiding Question

How might we...
offer a candid space where professionals can freely share their thoughts with others and participate in a community?
Our Solution

Reducing Barriers with an Option to Post Anonymously

Posting under a professional identity can be daunting for a multitude of reasons including online permanence, imposter syndrome, fear of criticism, or lack of confidence. Typically, people desire to show only the best versions of themselves, causing hurdles in getting accustomed to online communities where the voices of its users are essential. By allowing UX was Here’s demographic the option to post pseudonymously, our solution reduces some of the barriers associated with posting under a professional identity.

Inspired by the origin of UX was Here, we saw an opportunity to copywrite pseudonymous posting as a branded interaction in the form of “... was here”. Using this space as a means of providing context behind a purely anonymous profile allows for a degree of camaraderie and accountability in its interactions.

Two modules side by side. Features anonymous posting.

Segmenting Discussions through Sub-communities

As UX was Here currently stands in its beta, the existing explore section acts as one large discussion rather than multiple conversations happening simultaneously. Having everything posted to the same space, especially for a platform with such a wide expected demographic in designers of all skill levels and disciplines make it difficult for specialized content to be found.

A screenshot of the current UX was Here beta.

Current UX was Here site

With this, we created sub-communities where users are able to participate and connect with others through more focused topics of conversation and interests. Communities allow for opportunities for specialized community engagement such as design jams and challenges, organized discussions, and targeted feedback and support.

Encouraging Activity Through Passive Engagement

As surfaced in our user interviews, a common trait we noticed amongst some of our participants is the desire to join an online community with a visibly active user base. In addition, some interviewees expressed a disinterest in actively engaging with their communities due to time or simply being content as a passive user.

With this, we sought to increase opportunities for passive engagement on the platform. One avenue we’ve redesigned is the home page, moving from a single-column to a multi-column layout. Doing so not only enhances the perception of activity on the page visually but also increases the number of posts available for engagement at once. In addition to liking posts, we’ve added features such as reposting and polls for users to engage with without the need to textually contribute to a conversation.

We’ve redefined UX was Here's existing resources and saved sections as “collections” to help foster a community-driven compilation of resources. Here, users can collaborate with others or curate a personal list of content to share or reference privately. Currently, resources are a series of hyperlinks leading to articles on external sites and do not appear on the home feed. With this, we've turned resources into regular posts, allowing for better visibility on the home page and reducing clutter.

Understanding the Average Consumer

To better understand the average consumer and their consumption habits, I conducted a short survey and shared it on Instagram and various survey-sharing subreddits such as r/SampleSize and r/TakeMySurvey. Participants answered questions pertaining to their clothing consumption habits and knowledge of sustainable fashion practices. Click here to see the full survey results.

The survey reached 35 people, 70% between the ages of 16 to 25 and 30% between the ages of 26 and 44. I found that most users particularly value the size, fit, and price when purchasing a garment. 90% of participants buy multiple clothes with similar characteristics to the ones they already own. Interestingly, some participants supported this by noting that doing so reduces the frequency of laundry loads. Others have also mentioned that they had forgotten they had already owned something similar.

The general outlook on sustainable fashion implies costly effort. Most people seem aware of sustainable choices such as eco-friendly materials, fair labour wages, and buying secondhand. However, an overlooked aspect of the sustainable fashion was reusing garments they already own.

Analyzing Competing Closet-organizing Applications

3 side by side mockups placed in iPhones of competitor applications: Smart Closet, Stylebook and Cladwell.

Leading personal closet organizer apps, such as Cladwell, Style Book, and Smart Closet, share common features like wardrobe logging, outfit compilation, calendar planning, and closet statistics. However, a notable flaw across these apps is the presence of paywalls, hindering accessibility. Additionally, Smart Closet's focus on a shopping catalog contradicts the goal of promoting an economically-smart application.

Another identified gap is the lack of a robust social-community setting in these apps. The user experience tends to be private and primarily centred around shopping, lacking personalized and practical interactions. Existing databases in these apps also fall short, with limitations in search functionality and gender-centric designs. There's a missed opportunity to engage a growing male fashion audience, reflecting the evolving androgynous trends in fashion. The conclusion emphasizes the need for an application that prioritizes user agency in creating personalized closet categories, tags, and communities.

A competitor analysis table of three competing apps: Smart Closet, Stylebook, and Cladwell.

Framing the Solution

Problem (Why)

Based on the survey, it seems as if most people are aware of making sustainable fashion efforts through educating themselves on the garments and how they were made, supporting sustainable brands, and opting to buy secondhand. Although these options are great in theory, they still promote buying and consuming more.

Opportunity (What)

By using user personas to frame this issue, I found a unique opportunity in creating a virtual wardrobe experience that promotes the reuse of garments users already own and decluttering unneeded items.

Solution (How)

After analyzing market gaps in competing closet-tracking applications, I propose to create a visual, community-driven, interactive experience. Key features to note are having a gender-neutral UI, custom closet article limiting, and a Pintrest-esque fashion community to drive outfit inspiration.

Site Map

Grey Box Wireframes

Full Fidelity Prototype

Onboarding

The user onboarding for Grid Rack offers a seamless experience, allowing users to sign in through various platforms. Preferences are collected to personalize content recommendations, and users have the flexibility to skip, modify, or backtrack during the onboarding process, ensuring a user-friendly. A progress indicator enhances transparency by informing users of the completion status.

Home Page & User Profile

Grid Rack's home page prioritizes sustainability by showcasing users' own outfits, fostering the idea of reusing garments. The interface, inspired by popular platforms like Instagram and Pinterest, employs a familiar style for seamless navigation. With a two-column following feed, the design emphasizes quick inspiration viewing, and the profile page follows an intuitive interaction pattern with swiping for easy tab navigation.

User Closet

Grid Rack's primary closet page provides users with a quick overview of their items, and upon tapping, an overlay highlights the selected clothing item. This detailed view allows users to edit tags, view properties, and explore existing outfits featuring the garment. Users have the flexibility to customize their closets by adjusting category orders, setting numerical limits, and employing quick sorting options, fostering a personalized and organized user experience that promotes decluttering and mindful consumption habits.

Add New Items & Compile Outfits

The plus icon in the navigation bar triggers an overlay offering three options: adding a new item manually, via search, or creating a new outfit, signifying key features within the app. Adding an item via camera enables users to snap or upload pictures, with mandatory red-star details and optional tags, including brand suggestions. Adding via search prompts users to select items from results to include in their closet. Creating a new outfit follows a similar process, allowing users to select items, generating a visual representation or permitting an uploaded image for the outfit.

Explore & Search

The explore and search pages feature item and outfit cards showcasing items similar to those in the user's closet. The search bar aids efficiency with a recent search history and recommended search tags, offering sorting options by alphabet, color, and date in keyword search results. If users can't find desired results, a user-centric call to action prompts a return to the search bar.

Introducing Carriers that Care

"Fewer children may also be less able to care for aging parents than previous generations were due to a variety of changing conditions."

Business Problem

Founded in 1867, Canada Post is a crown corporation functioning as Canada’s primary postal delivery service. The company’s 2022 annual report notes a steady decline in revenue for the past 17 years, losing market share to faster and cheaper competitors such as FedEx and UPS. With this, Canada Post seeks to expand their market offerings beyond traditional letter delivery services.

Framing our Problem Space

With countries such as Japan and France already implementing successful extensions to their postal services to aid the social isolation of seniors, our primary goal was to navigate the service in the Canadian socio-cultural landscape. In addition, we aimed to leverage Canada Post's existing infrastructure of door-to-door delivery, status as a crown corporation, and reputation of being one of the most trusted professions amongst Canadians (Léger, 2021).

How might we...
support socially isolated seniors in Canada through Canada Post’s existing infrastructure?
Arriving at our Framing

Emphasizing Trust and Credibility with Canadians

My team and I underwent a 3-day design sprint to gain a better shared understanding of our problem space, Canada Post as a company, and the ideal journeys of our various stakeholders: the postal worker, Canadian families and their elderly registered for our program.

After performing exercises such as exploring our users' ideal golden paths, how might we creations, analyzing competitors, an insight we uncovered was the importance of building and maintaining trust with Canadians. We realize that this was a cultural nuance we needed to be more mindful of as opposed to successful precedents Japan Post and France's La Poste.

Focusing on Senior Social Isolation

Later, through a series of seven 30-40 minute user tests with participants ranging from 20 to 50 years-old, living independently from their parents, our sprint assumptions were further justified with trust being a significant barrier to adopting Carriers that Care as a service. Recurring points of concern included "feeling impersonal," security, and medical qualifications postal workers would have.

Our primary takeaway indicated that emphasizing the tangible value of reporting observations and offering preventative health services led to a decrease in customer trust. This was attributed by users perceiving Carriers that Care as a direct alternative to services such as caretakers or palliative care without proper licensing and training.

With this, paired with the Canadian National Institute of Aging's 4 Essential Pillars for Supporting Aging the Right Place (2022), we have decided to shift our focus to improving social connections to alleviate loneliness and social isolation. We found this particular pillar to be the most feasible for Canada Post's postal workers in terms of training and credibility.

Pillar 1
Promoting preventative health and better management.
Pillar 2
Developing more accessible and safer living environments.
Pillar 3
Strengthening home and community-based care and support for unpaid caregivers.
Pillar 4
Improving social connections to reduce loneliness and social isolation.
Primary Touchpoints

Canada Post Subdomain

phase 1: homepage & onboarding

A mockup of the Carriers that Care homepage fit into a Macbook.

A subdomain of canadapost.ca allows users to learn about the service and sign up using their existing Canada Post accounts.

Postal Carrier Interface

phase 2: recurring check-ins

Three android mockups of the Carriers that Care interface for internal Canada Post postal workers.

Postal workers use this app to quickly send reports and access resources they may need during visits.

Post-Visit Updates

phase 3: email, text, & dashboard

A Macbook mockup of the Carriers that Care dashboard, and two android mockups - one features a text message of the daily reports and another with a Microsoft Outlook email.

Family members can stay updated after visits occur via text, email or through the Carriers that Care dashboard.

Phase 1: Homepage & Onboarding

Canadian Seniors and Canadian Families

The Carriers that Care homepage aims to offer clear and concise information for both senior Canadians and families seeking to register their loved ones, focusing primarily on providing transparency regarding the service logistics, limitations, and general expectations.

Carriers that Care's onboarding begins by assuming the user has a pre-existing Canada Post account. After, standard details are inputted, such as recipient contact information, visitation schedule, and recipient details to personalize check-ins. Options to opt into text and email notifications are present to keep users updated with daily visit reports. Onboarding ends with a pending confirmation from the recipient before beginning daily visits.

Phase 2: Recurring Check-ins

Canada Post Mail Carriers

While completing their daily routes, postal workers will have access to a list of Carriers that Care recipients, daily check-in reports, links to resources, and emergency tool-tips. Carriers will call service recipients prior to each visit through the application. Afterward, posties will chat with or assist Carriers that Care recipients using the information and topics of interest provided during onboarding.

Once completed, visitation reports are formatted through quick response buttons to reduce cognitive overhead for the postie. In the case of unexpected events, a series of resources are at the postie's disposal through the application, such as protocols, Q&As, and emergency phone numbers.

Phase 3: Post-Visit Updates

Canadian Seniors and Canadian Families

Carriers that Care subscribers will receive visitation updates depending on their opt-preferences during onboarding. Both email and text will offer redirect links to their user dashboard, where updates can be made on account information, managing family members who receive updates, and visitation details.

Send a Gift is an extension of Carriers that Care that allows gifts bought through Canada Shops, an existing subsidiary currently piloted by Canada Post to promote Canadian-owned businesses. Products bought through Send a Gift will be hand-delivered by posties during their Carriers that Care check-ins.

Developing a Sub-brand of Canada Post

Two side-by-side Macbook mockups of Carriers that Care before and after a brand refresh.

Carriers that Care Before and After

When developing the visual identity of Carriers that Care, we understand the value Canada Post has as a crown corporation and recognizable, trusted brand for Canadians. However, our initial user testing revealed concerns and confusion between Canada Post's close ties with letter and parcel delivery services and introducing Carriers that Care as an extension of their current services. With this, we differentiated Carriers that Care's visual identity as a sub-brand, while keeping the essence of Canada Post through colour.

An updated design system for Carriers that Care.

Carriers that Care's New Design System

Discovery

Canada Post Postage Stickers

A parcel with Carriers that Care branded stickers on them. The stickers have a graphic of two people side-by-side with text on the left reading "Providing social connections for your loved ones living at home."

We anticipate customers discovering this service primarily through news, word of mouth, or online advertisements. Yet, leveraging stickers on Canada Post packages offers a chance to inform existing customers about the service while maintaining alignment with the brand's assets.

Reflection

This was a fun project to challenge myself with over the course of four weeks - I found myself learning many new things about UX research, empathizing with personas and creating a consistent design system across the interface. Prior to this project, I hadn't had the opportunity to exercise my UX skills on a solo project of this magnitude, so I was glad to continue and self-direct my learning this way. With this project, I feel as if I found a stronger passion for UX, being the first non-academic project I had completed. By working alone for the first time, I became aware of a variety of potential pitfalls that come from work without a team present such as sole responsibility, overworking, and personal bias.

As I didn't have a team to rely on this time, it was up to me to complete my deliverables and not cut any corners to ensure a steady workflow throughout the project. With this, I found that I would work late nights given the odd 4 A.M. burst of inspiration or to guarantee I can get all of my ideas out. Most importantly, I found personal bias to be a major issue as I didn't have anyone to challenge my decisions (ie. determining a solution to my original problem, choosing a colour palette, visual style, and features to add to this project). As a result, I focused a lot on my initial user interviews to get a sense of where the target audience may be and what their needs are.

In addition, I also found it challenging to offer a social aspect without making this application into an entirely new social media platform. To combat this, I had to figure out the fundamental needs of the audience and the features of a social media application that could meet these desires. With this, I ultimately decided that features such as private messaging and commenting would go against my goals to promote less clothing consumption. If I were able to do this project again, I would focus more on user-testing to better understand the gaps in my interaction features, design, and most importantly my perception of the user's primary needs. I would also focus more on researching existing UIs and what makes their designs able to meet the needs of their audience rather than copying the fundamentals of their design for the sake of aesthetics.