SAC_Comp.png

The Sustainable Apparel Guide

An app for conscious consumers to understand where and how their apparel is made. 


 Project Role 

 For this project I: 

  • Created a research plan by identifying methods and goals for our research
  • Conducted user interviews and usability tests
  • Conducted interviews with the brands REI and Industry of All Nations
  • Conducted card sort tests
  • Designed medium and high-fidelity wireframes for the product information, notification and navigation screens
  • Designed the final presentation deck   
     

 Methods

  User Interviews, Card Sort, Affinity Map, Usability Testing 

 

 

Tools 

Sketch, Illustrator, Invision, Marvel, Keynote 

Project Team

Co-UX/UI Designers: Catherine Schoenfeld and Joey Kirkpatrick

I worked collaboratively on a team of 3 UX designers on the research,    ideation and design of this conceptual app. 

 Key Skills

 UX Design, User Research,Visual Design, Interviewing, Prototyping

 Project Length 

  2 weeks 

the problem@3x.png
the client@3x.png
the ask@3x.png
considerations@3x.png

Who Cares About Apparel Sustainability? 

My starting point was to understand who our target audience was and what their collective goals, motivations and pain points were for finding information about their products.  

We interviewed 5 people who we classified as "Conscious Consumers." These people were:

  1.  Moderately concerned about where their products originated from and the environmental impact of making them
  2.  Occasionally to frequently purchased apparel
  3.  Technologically savvy

After reviewing our data, we identified 5 main consumer insights: 

  1. They care about "doing their part" and want to choose sustainable products but it’s not always top of mind. 
  2. They want to know how specific products impact them directly - their main concern is the health and wellbeing of themselves and their families. 
  3. They have a desire to know more about the brands they buy from and what their values are. 
  4. It’s difficult to find information on how their products are made. The information available is either too technical and dense or oversimplified. 
  5. They can’t care about what they don’t know. They have a desire to do more, but they don’t know what “more” means. 

 

 
natalie@5x.png

 

"If I'm deciding about a couple products in the store, I'll just go off of the info I have, usually not knowing how sustainable the company's practices are.”

- Natalie, 29 years old , Boston, MA

 

 

The Conscious Consumer 

From there, we created a user persona to provide further context for our research and drive the primary focus of the app.

 
Persona big@3x.png
 

The Value For Sustainable Brands?

 
brandperspective_blank.png
 

We also spoke with spoke with brands that publicly practice sustainable supply chain production such as Industry Of All Nations, Vamvas, REI and Patagonia, some of whom are affiliated with the SAC and some who were not.

During my interview with the Sustainability Initiative Manager at REI, I asked her about the value of being positioned as a “sustainable brand” so that we could understand the brand perspective and the value that an SAC affiliation (and our app) could offer. REI's focus was environmental . They believe that a healthy outdoor lifestyle requires a healthy outdoors. 

Other brands, such as Vamvas, were less focused on environmental perspective and more on the relationship between the brand and the consumer.  

 
tshirt quote@3x.png
 

Creating A Strong Visual Language 

Our research insights directly impacted the features we included in our app and the way we organized and displayed our information.

We knew the main challenge would be to present product information, quickly, clearly and concisely. We also knew that visuals are instinctive ways to guide people through dense information and we wanted to incorporate a strong visual language into our app. 

We performed a sustainable vocabulary and iconography test to check the familiarity and understandability level of key icons and terms that we could potentially include.

 
vocab test.png
icon test.png
 
 

Designing For Dense Data

We went through several iterations of sketches and wireframes. We knew we wanted to incorporate scan and RFC features so that consumers could use the app while they were out shopping to help inform their buying decisions. We also wanted an overall sustainability score for the product that would be derived from the Higg Index data. I went through several variations of how this score might be visualized. 

 
  Sustainability Score   (Low   Fidelity Iterations) 

Sustainability Score (Low Fidelity Iterations) 

 
  Sustainability Score   (Medium   Fidelity Iterations) 

Sustainability Score (Medium Fidelity Iterations) 

In addition, I knew that there should be a way for us to differentiate between a specific product's sustainability and the overall brand's sustainability and thought of some ways we might communicate this in my sketches. 

 
  Product Information   (Low Fidelity Iterations) 

Product Information (Low Fidelity Iterations) 

 
  Product Information  ( Medium Fidelity Iterations) 

Product Information (Medium Fidelity Iterations) 

We finally arrived at a layout that included 3 main sections of information: an overall sustainability score, specific information about the item such as material composition and longevity, and finally information about the brand's sustainability practices such as fair trade at a factory level and end-of-use policies.


 

Out In The Wild - Test 1 

To further validate the research and assumptions we'd made so far, we put together a quick paper prototype and tested it on another set of conscious consumers. We learned that while our iconography was clear and readable, users wanted to have more explicit calls to action in some instances. We also learned that users wanted the option to save sustainable alternatives that they viewed and to know the location of those alternatives.  

 
paper_proto2.png
 
 
 

Designing A Sustainable Aesthetic

Before moving into high-fidelity wireframes, we put together an overall look and feel of the app. We chose a warm, off-white background to convey an organic feel and complimented this with pops of green and blue to give off an earthy yet modern vibe. 

 
Screen Shot 2017-10-22 at 8.36.46 PM.png
 
 

Out In The Wild - Test 2 

My partners and I tested our prototype on another set of conscious consumers. From there, we gathered feedback on the functionality, visuals, and the overall concept. Users wanted the ability to move back and forth within screens more easily, and to know more about the product and brand before being offered sustainable alternatives. 

 
UT1.png
UT2.png
 
 

Visualizing The Use Case

Thinking about the context in which our users would use the app helped me keep the end user in mind.  

storyboard.png

The Final Concept

The final concept includes the following key functionalities: 

1.png

Geo-Tagged Buzz Notification

Users can be reminded to use the app while they are out shopping. This feature can be turned off in the app settings, or snoozed if they are shopping for long periods of time. This facilitates the user goal of keeping sustainability top of mind that we identified early in our research 

2.png

Scan or NFC

Users can scan an item's barcode, or select NFC scan.

 

 

 

3.png

Product Information

Users can quickly see the sustainability score of an item they've scanned. A link to how this score is calculated (The Higg Index) is directly beneath the score. Information about the specific product and the brand are also shown. 

4.png

Sustainable Alternatives CTA

Users have the option to view sustainable alternatives if the item scanned received a low score, or other similar sustainable items if the item scanned received a high score. 

5.png

My Impact

Users can see the direct impact they've made by purchasing sustainable items. They would also be able to favorite items and view past scans. 

6.png

Sustainable Facts

Taking the insight "I don't know what I don't know" we created sets of sustainability facts to educate users on sustainability