top of page

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.

humanebeauty_mockeup.jpg
HB_phone.png

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

    HB_User Persona.jpg
    • 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

*please select enable all for the full experience*

View on Desktop for best results

  • blue_insta
bottom of page