styl.it

EFFORTLESS STYLE, DELIVERED TO YOU DAILY

AT A GLANCE

styl.it was born out of my affinity for dressing to the occasion.

More broadly, this case study was a project for the very first design course I took in college (shoutout Design & Research Fundamentals with Sandra Sweat and Chase Airmet), and a whiteboard for exploring the realm of UX design.

Daily attire can be a point of stress for many, including myself, so I set out in curiosity to dive deeper into this problem space with personal connections.

ABOUT ℹ️

A mobile app concept for personal fashion that alleviates the onset of choice fatigue when choosing daily attire.

TYPE 💻

UI/UX Design, User Research

TIMELINE 🕒

September - December 2020

TOOLS 🛠️

Figma, Miro


Women, on average, spend 17 minutes a day deciding what to wear. For men, it’s 13. That’s 3 full days a year that we spend rummaging through our closets.

Whether you cycle through the same five tops or own an entire walk-in closet full of distinct pieces, choosing an OOTD is no easy feat. In fact, the more time you spend asking yourself if those patterned pants look too eccentric with that graphic tee, the more cognitive resources your brain expends, leaving you less room for clear-minded decision-making throughout the rest of your day.

THE PROBLEM

THE SOLUTION

Introducing styl.it, a personal stylist app that reduces decision fatigue by curating outfits for you.

Hassle-free and straight from your wardrobe.

LOG

reflections & takeaways

SEARCH


self-expressive

“a window into your personality and individual flair”

quality > quantity

I'd like to invest in more timeless pieces that can exist in multiple contexts...parties or at work...professional versus casual...basic pieces I value a lot because they're versatile

Find style inspiration from friends and other fashion icons. View and save your favorites to your personal profile!

Olivia Santos

Olivia is a senior software engineer at a mid-sized healthcare tech company. Since the pandemic, she and her team have switched over to a hybrid work model—spending 3 out of 5 of her work days at home, or in coworking spaces, such as coffee shops.

When she’s not doing her daytime job, Olivia enjoys retreating to the mountains for hikes and scenic views, as well as hitting up trendy listening bars with her friends. She values sustainability and is fashion-conscious, often investing in higher-quality pieces that are guaranteed to last.

Wants & Needs

  • Wants to dress comfortably both in-office and remotely while still wearing pieces that boost her confidence

  • Needs simplicity when it comes to choosing an outfit—usually in a rush out the door

  • Wants versatile attire that can easily go from work to a night out with the girls

  • Isn’t looking to purchase new clothing items at the moment, but needs to feel confident in whatever she’s wearing

Frustrations

  • Time constraints in the morning—calling her long-distance partner and coming back from workout classes

  • Indecisive when deciding what to wear; will sometimes regret the outfit she picks out

  • Having a minimal, capsule wardrobe can be limiting at times. It feels like she’s wearing the same 4 outfits on repeat

how might we prioritize confident and comfortable fashion that keeps style at the foundation?


The 4 main variables I decided to compare included whether a clothing purchase was necessary, if the search-to-cart process offered personalization, if they offered users style inspiration, and the capability to store personal inventory on the service/application. While Pinterest’s strengths lie in resembling a search engine for style inspiration, services like Poshmark and Stitch Fix provide a larger database of buyable items, whether pre-owned (Poshmark) or at a remarkable discount (Stitch Fix). All three services rely on external sources to provide inspiration for how a user might dress or style their clothing, but none of them take advantage of what’s already in the user’s wardrobe.

Keeping Olivia’s wardrobe priorities and needs in mind, I came up with 4 nonnegotiable design features I wanted to integrate into my design solution:

After establishing these anchor features, I figured the most feasible type of design would be a mobile application; plus, the services I mentioned prior all have mobile interfaces themselves, and I wanted to be mindful of the hypothetical learning curve for users of those services to become familiar with styl.it

Scan clothing items from your physical closet and import them to your digital closet. Manage and label your pieces in your profile.

common threads

FASHION IS

WEAR

Create style categories that resonate with you. Shuffle outfit recommendations specifically curated for you.

RESEARCH

〰️

RESEARCH 〰️

To gather deeper insight into this problem space and gain a deeper understanding of people’s relationships with clothing, I brought 5 questions centered around “fashion” to my user interviews.

  • What does fashion mean to you?

  • What determines if something is fashionable?

  • Where do you draw your fashion inspiration from?

  • How do you approach style?

  • What do you value when it comes to fashion?

Upon interviewing people in my community (ranging from college students to post-grad YAs), I concluded 3 shared sentiments


in the eye of the beholder

I feel like nobody is actually allowed to define what art is but the artist themself...in the same way I feel like no one is truly able to determine what is fashionable without the perspective of the person who is putting on the fashion

she/her • 28 years old • software engineer

Olivia’s fashion dilemma isn’t unique to her—many people looking to dress with style, comfort, and confidence encounter some of the same challenges on a daily basis. So…

WHAT ALREADY EXISTS

Not every design solution is completely novel—I knew mine would probably overlap with preexisting fashion services and applications. After some initial market research into some of the leading services for personal styling (Pinterest, Poshmark, and Stitch Fix), I was able to identify a gap of opportunity for my design to provide new and practical impact for a similar demographic of users; that is, primarily young adult and middle-aged women looking to streamline their wardrobe options.

  • The user should be able to log the clothing items in her closet and keep track of inventory

  • The user should have the freedom to customize and categorize the types of styles they want to wear

  • There should be some kind of community aspect for searching and sharing style inspiration

  • There should be one central place to access both the user’s closet and their inspiration

IDEATION

Initially, I worked on layout design and the information architecture of the app, exploring questions such as:

What is the size of this primary component in relation to this secondary component? Where should essential buttons be placed on the screen that would align with users’ preexisting mental models of app navigation? Does this look too clunky, or is there more room to add elements?

I also made side notes for more complex design ideas that I could test out later through prototypes, and mapped out basic user flows that could reinforce the 4 features aforementioned.

I took a graphic design course the following year, where my professor gave us an assignment to redesign an existing project. I felt that styl.it had some untapped potential that I could experiment with, so the following screens document the sequel work I did for this app concept!

The first order of business I felt needed to be addressed was the visual identity. My previous mockups used a rounded typeface that didn’t quite convey the sleek, mature look I had wanted to achieve. So this time around, I gave styl.it a makeover and focused on elevating the existing color palette with the usage of more gradient components. I also replaced the old typeface with Poppins, a similar feel with more of an edge.

I then took some time to revamp the navigation bar, revealing a more cohesive set of icons:

and built a few more screens, including the Search/Explore page and Profile page. In Profile, I added features such as a weather card and redesigned the “outfit shuffle” component from the previous mockup to reveal a style category slider.

The goal of asking these questions was not to hone in on the interviewees’ wardrobe struggles  (i.e. “I really have trouble styling this one shirt that I own”); but rather, to identify commonly shared challenges/needs as they relate to choosing what to wear, which would provide me a clearer picture of what kind of design solution is both relevant and feasible. 

These insights were a helpful blueprint for me to introduce Olivia, a user persona that invites opportunity to address these aspects of practical and personal fashion.


The first Figma mockups I drafted up captured the essence of what I had envisioned for the final product, such as uploading clothing items into the app and having a closet overview that made it easy to visualize outfit pairings. Standard clothing categories were neatly displayed and the components were easy to spot. However, it still needed a lot of refining since the overall UI looked a bit outdated and visually stale. The interface was missing something as it felt flat and one-dimensional. Some of the affordances were also vague, such as the blue dot notification next to the “Tops” label.

click on any image to enlargen


MOCKUPS

REDESIGN


styl.it has a special place in my heart because it's the first design project I birthed (and the first time I learned and used Figma). I’d like to extend gratitude to my freshman year design professors, Chase Airmet and Sandra Sweat, for encouraging me and guiding me every step of the way! They kindly gave me direction in becoming familiar with research and design methodology and I greatly value their contribution to this project. 

Of course, styl.it has many opportunities for growth. Because it was a class project with time restraints, the screens and prototypes I presented back then for my final were developed minimally. Other considerations for improvement include conducting more interviews to glean deeper insights and connecting with real stakeholders for scalable impact.


THANK YOU FOR READING UNTIL THE END ◡̈


Previous
Previous

Renzoe Box