What Is ACCES?
Acces is a product type to help ease the process of searching for dupe item near the user.
To open, please use Google Chrome
Problem Space
It is very hard for shoppers to find sustainable brands within their city, so shoppers defer to shop at fast fashion stores. Even if a user finds a store that says is sustainable, they still must do their own research on the store to see how they are considered sustainable. Their number one source for research in google and the amount of article made users feel overwhelmed.
I had explored the problem space of fast fashion and sustainable shopping and brainstormed ideas on how to provide them with options and information all in one place. I wanted to make the users life simpler and the information easier which can be all found in one place.
Statistics show that 70% percent of Gen Z agree that sustainability is a key factor when purchasing items for fashion.
Primary Research
Key Insight
This are more in depth notes from user interviews. It allowed me to get a more grasp into creating the prototype.
From my interviews I gathered each users pain points, motivations, and behaviour. This allows me to gather common factors.
How might we help Gen Z consumers compare sustainable brands to what they are currently purchasing so that they can understand the global impact of their decisions and live a eco-friendly lifestyle.
Primary User
Denver is the primary user.
Task Flow
Sketches & Ideation
Left Hand Side: I added the basic notification page as it is necessary for the app. Right Hand Side: I would say the one most important part of the app. I wanted to keep it functional but add as many functions to make it easier for the user.
Left Hand Side: This is similar to the previous location notification, but with no background image. Right Hand Side: Part of the search function, this page allows the user the see the closest store to them by having it within their range.
Left Hand Side: By having the map the main focus point. If this option is too overwhelming for the user, they can go back to 'list'. Right Hand Side: The information page. Probably the most crucial page, it demonstrates a lot of information and provides the user with a hint of the brand. It is organized and simple to not overwhelm the user.
Low Fidelity Wireframes
Visual Identity
Four adjectives that carried throughout the app
Trying out names that matches the adjectives. Finding a common ground and going with 'Acces'
My mood board demonstrates the background concept of the app
The typography on the left side is test samples for the name of the brand. The final type chosen is called 'Allerta Stencil'. The typography chosen on the right is more simple but keep in mind its readability, that is why I chose 'Avenir Next'.
Allerta Stencil is the type I chose because of the breaks the type has. It demonstrates the variety of access paths the user can have.
The color scheme is a reflection of the mood board. Keeping in mind the earth tones and having neutrals to not overpower other colors.
The brand's wordmark icon is a leaf within the half-close circle. Again, this is meant to keep access to sustainability options.
High Fidelity Wireframes
To open, please use Google Chrome
The welcoming page has the name as the main component. The background signifies calm, natural, eco-friendly, and most importantly sustainable.
The notification page contains the same background as the home page.
The home page has different options for the user to begin their experiences.
The list option on the search page provides in-depth information about the store's location.
The store information page provides the user an in-depth look into the store's information so that they can shop in-store.
The user can continue to learn more about the store's hours for the week.
If the user is more comfortable visually then this is a great option for the user to see stores near them. The leaf icon lets the user know how many stores are near them.
By clicking the leaf icon the user can see exactly which store is near them.
The store information page allows the user to see a glimpse of the store. The color leaves at the top indicate the percentage of sustainability. They can also see some of the brand's clothing. Similar stores to the one they chose as well, articles that feature that brand.
If the user wants to learn more about the rating of the store, they can choose to "read more". They can see animal cruelty, environmental impact, and labor.
The filter page allows the user to the brands and can choose just one. They can also filter the distance range.
Here the user can see the brands by alphabetizing categorize them.
If the user decides to click 'local only' on the home page, they can view the stores that are in their city. This is a general category but does not mean it is near their range.