Humane Beauty.
Project Overview
Humane Beauty is a website I conceptualized to offer viewers a place to learn about cosmetic animal testing and cruelty-free testing in a simple, straightforward way without being triggering or too emotionally distressing. Cosmetic animal testing is a topic which can be overwhelming to learn about, to know where to start, and to keep updated on this topic. That's where the idea for Humane Beauty came from; to help others learn about this topic without being bombarded with distressing information or images making it too overwhelming to learn about.
Project Type
Website Design
Branding
Conceptual Design
Tools Used
Adobe XD
Adobe Photoshop
Roles
UI Designer
UX Designer
Graphic Designer
Content Strategist
Prototype Developer
Website Design
UI/UX
Strategist
Project Overview
Humane Beauty is a website I conceptualized to offer viewers a place to learn about cosmetic animal testing and cruelty-free testing in a simple, straightforward way without being triggering or too emotionally distressing. Cosmetic animal testing is a topic which can be overwhelming to learn about, to know where to start, and to keep updated on this topic. That's where the idea for Humane Beauty came from; to help others learn about this topic without being bombarded with distressing information or images making it too overwhelming to learn about.




The Problem Statement
Consumers interested in cruelty-free cosmetics often face the challenge of sifting through overwhelming and distressing information on animal testing, leading to confusion and inaction.
The Solution
Humane Beauty offers a simplified platform for users to understand animal testing and cruelty-free cosmetics. The website delivers essential information in a non-distressing manner, making it easy to learn, and support ethical practices.
The Process.
-
User research was done via consulting online forums and 1:1 interviews with 3 individuals, aged 20-29, in the target audience; those who love animals and care deeply about cruelty-free practices
-
This user persona was created to depict the personality and character of an individual who would be interested in a website such as Humane Beauty
-
This led to the creation of Amanda, an empathic and sensitive animal lover looking to learn more about animal testing, updates, and cruelty-free products

-
-
In the ideation phase, I began by identifying core needs and pain points of users interested in cruelty-free testing
-
This involved brainstorming and mind-mapping to explore approaches for presenting the information
-
I aimed at creating a user-friendly and visually appealing design that would convey the message without causing emotional distress
-
-
Next, I created mid-fidelity grey-scale wireframes for mobile and desktop to outline the structure and layout of the website
-
These wireframes focused on the essential elements and functionality, ensuring a clean and intuitive user experience - without the distraction of colours and images, this allowed me to concentrate on the hierarchy of information and navigation flow


-
-
The visual design was chosen to further convey this approachable, hopeful, simple approach to addressing this information
-
The colour palette communicate a soft, gentle, calming energy to resonate with the target users who are sensitive to and interested in this topic
-
The type system expresses a gentle and modern energy making the topic feel more approachable and warm, being balanced with a minimal, illuminating feel
Colour Palette

Type System
For Titles
Modern, Delicate Personality

For Body
Simple, Minimal, Distinct

-
-
Converting the wireframes into functional prototypes allowed me to visualize the functionality and navigation of the site more dynamically
-
This allowed for testing and further refinement to ensure an intuitive user experience before moving to the final high-fidelity design
-
The design was finalized as a high-fidelity prototype.
​
Click Here to open prototype in browser
​
*view on desktop for best results*
Final Design

