uniform: Personal UX Project

Role: Researcher & Designer

Tools: Figma

Duration: 10 Days

Year: 2023

Background

In an intro design class last year, we were told to design a solution to a problem that we felt passionate about. Sustainable fashion has always been a huge interest of mine. Being a college student in a social media age, I am well-aware of the concept that people will not want to wear an outfit again if they have already posted in it or worn it to a particular event. This preference leads to overconsumption, overproduction, and a closet full of clothes only worn once or twice. This wasteful cycle perpetuates the need for fast fashion, an industry that is destroying our planet. So, I came up with the app idea: uniform: college against clothing waste.

uniform

uniform is a way to unify students against clothing waste—it is a way to unite students against the one-wear mentality. uniform puts an end to this issue by offering a way for college students to buy and exchange clothes without leaving campus. Browse pre-loved items from dresses and tops to shorts and sweatshirts while posting pictures of your own pieces for your classmates to rent. uniform erases shipping, as students simply hand-deliver items while making returns the same way. Lastly, uniform is a way to get to know like-minded people as you can connect with other students and attend clothing swaps on campus.

Sketches/LoFi Designs from Class

When I originally designed this app, I had no experience in Figma or UX design. I did some initial research by just scouting out how different shopping apps looked to follow a similar structure, but that was about it. I really did not emphasize a solid design system, had a tragic usage of components and a messy layout, and no consideration of accessibility. I also went with my first idea, which was to rent clothing from other students. Below you can see my designs from that time.

Frames I created last year work before any UX experience

Research & Redesign

Fast forward a year later: I now have much more experience in UX design, but still have much to learn. I worked as a UX design intern at Northwestern Mutual where I was equipped with the skills needed to efficiently use Figma and work with a design system. I learned the importance of accessibility, and creating a easy experience for a user from things I used to overlook, like error messages or pop-ups. With this knowledge, I decided I wanted to redesign uniform since I liked the idea.

Although I did not go through a formal UX design research phase by compiling date and holding user interviews, I did do more research before starting my redesign. For started, I thought about the initial concept—renting clothes. From my own experience and by observing those around me, renting clothing and being timely with returns or exchanges did not seem like a good fit for a busy college student. Also, my target demographic for uniform users would probably be used to using second-hand clothing apps already, like Depop, so I did not want to fully change this experience; I wanted to make it easier by eliminating the shipping hassles. To confirm this thought, I took a simple poll of about 50 people simply using Instagram.

Polls taken via Instagram to gage others’ opinions

The other major part of my research was to see what worked and what did not work on existing apps, like I did the year prior. This time, however, I took note of different details, which helped me decide what I wanted to incorporate and what vibe I wanted to go for with uniform. I consulted Depop and Curtsy again, but also looked at Etsy, Amazon, Urban Outfitters, and Zara, since those are all popular apps/stores amongst college students.

I also did general research online about component shapes and color theory while starting to design, and, ultimately, decided to go with rounded components and an orange accent color for a youthful, energetic vibe. This vibe also comes into play with my choice of UX writing. This app is for college students, so I wanted the tone of writing to be very informal (Gen-Z). The next step was to create some general wireframes for the 5 main pages of my app. Below you can see some of my wireframes.

Some initial wireframes of the main navigation pages

uniform : Full Video Walk-Through

Next Steps

Since uniform is simply a concept for this portfolio, I did not dive in deep with testing or creating a fully-functioning prototype with edit screens, yet. Conducting some user interviews and usability tests is something I want to do in the upcoming weeks. I also would like to mock up some edit screens and an interactive search screen that will help students find exactly what they are looking for.