Embedded Files
Overview
Overview
It’s a social good responsive website which rates the sustainable brands and helps the conscious people to select their favorite and sustainable brands.
Duration
Duration
August 2023
Problem
Problem
My research indicates a significant lack of adequate platforms that connect eco-conscious individuals with brands committed to environmental sustainability and the future well-being of all living beings.
The Goal
The Goal
The goal is to develop a web platform that offers comprehensive information about ethical fashion brands, highlights their positive impact, and simplifies the purchasing process for mindful consumers.
My Roles
My Roles
UX Designer leading the Earthcare website
Responsibilities
Responsibilities
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs and responsive design.
Understanding the User
Understanding the User
- User research
- Personas
- Problem statements
- Competitive audit
- Ideation
User Research: Summary
User Research: Summary
I conducted interviews and created empathy maps to better understand the users I am designing for and their pain points. The user group often faced time constraints, limited budgets, and varying levels of technical proficiency, emphasizing the need for a simple and efficient solution.
Persona 1 : Concious Cathy
Persona 1 : Concious Cathy
Problem statement:
Problem statement:
Cathy is a busy businesswoman passionate about conscious living. She actively seeks ways to instill ethical values in her family and needs a web platform that offers comprehensive information about ethical fashion brands, enabling her to make thoughtful clothing purchases for herself and her family.
Persona 2 : Sustainable Garry
Persona 2 : Sustainable Garry
Problem statement:
Problem statement:
Garry is a curious and eco-conscious homemaker who needs a simple, user-friendly ethical fashion app or web platform to guide him toward sustainable choices and promote an environmentally friendly lifestyle for his household, as he strives to ensure a more livable future for his children.
Competitive Audit
Competitive Audit
My competitive audit revealed the need to create a more user-friendly and intuitive website with a welcoming tone. Additionally, the responsive design process should follow a desktop-first approach.
Ideation
Ideation
I conducted a Crazy Eights ideation session and arrived at the optimal design concept for the website's homepage.
Starting the Design
Starting the Design
- Digital Wireframes
- Low Fidelity Prototype
- Usability Study
Digital Wireframe
Digital Wireframe
The simplicity of the website is critical.
Home Screen
Low Fidelity Prototype
Low Fidelity Prototype
As shown in the link below, I have addressed all the pain points identified in the personas.
Usability Study: Parameters
Usability Study: Parameters
Study Type
Study Type
Moderated usability study
Participants
Participants
5 participants
Location
Location
Sweden, remote
Length
Length
30-45 Minutes
Usability Study: Findings
Usability Study: Findings
Users need to see if they can sign in/ sign up.
Users need the ability to compare brands.
Users prefer more readable fonts.
Users looking for other languages.
Refining the Design
Refining the Design
- Mockups
- High Fidelity Prototype
- Accessibility
Mockup 1
Mockup 1
Based on feedback from participants, I found that the text was not legible enough due to its simplicity. To address this, I reduced the spacing between words and letters and increased the distance between headers and text bodies. Additionally, I added a sign-in button and a language selector for improved usability.
Mockup 2
Mockup 2
Based on my usability study, I found that users tend to compare brands with each other. As a result, I added this comparison feature to my design, as shown above.
Other Mockups
Other Mockups
High Fidelity Prototype
High Fidelity Prototype
Below please find the link of my high-fidelity prototype.
Accessibility considerations
Accessibility considerations
Focused on color accessibility, ensuring that the contrast between the colors and fonts is easily readable.
Organized the website to be available in two languages: English and Swedish.
Designed a clear and user-friendly interface for individuals with limited experience using computers and smartphones.
Responsive Design
Responsive Design
- Information architecture
- Responsive design
Sitemap
Sitemap
The sitemap is structured to provide a simple, intuitive navigation experience, ensuring ease of use for users with limited web browsing experience.
Responsive Design
Responsive Design
In this project, I implemented a responsive design to ensure the website is accessible and visually appealing on all devices, including desktops, tablets, and mobile phones. This approach enhances the user experience by improving readability and navigation, allowing users to engage with the content seamlessly across various screen sizes.
Going Forward
Going Forward
- Takeaways
- Next steps
Takeaways
Takeaways
Impact
Impact
This website empowers environmentally conscious individuals to quickly and easily discover budget-friendly brands that align with their eco-friendly values.
What I learned
What I learned
I’ve learned that designing a simple and minimalistic website is more challenging than working with other design styles.
Thank You!
Thank You!
Thank you for reviewing my work on the EarthCare Website. I would invite you to view my other projects on the projects page.
Page updated
Google Sites
Report abuse