Natural Gold

Naturally Gold was created to educate and empower women of colour with kinky and tightly curled hair, celebrating the beauty of our natural textures.

Through Geraldine’s hair journey, she tested countless products designed for Black women, only to find that many contained harmful artificial ingredients. Living in London, she also noticed that high-quality products were often imported from the US, making them expensive and less accessible.

Tools

Figma/ Squarespace

Founded

2025

Industry

E-commerece

Role

UX Designer Web Design

Challenge

Challenge

Design a compelling e-commerce website focused on selling hair and beauty products specifically for black women. The goal is to create a digital platform that not only drives sales but also celebrates and empowers its audience with an authentic, culturally resonant experience.

Solution

Solution

Our solution delivers an inclusive and intuitive digital experience tailored for Black women. We began with in-depth research to understand unique user needs, which informed a vibrant visual identity and a streamlined, culturally resonant interface. By integrating strategic messaging throughout the site, we simplified the product discovery and purchase journey, ultimately reducing friction and boosting confidence. Iterative testing and refinements ensured that every design decision enhanced usability and fostered an authentic connection with our audience.

How I work

Research Choices

I conducted market research on the top-performing hair and beauty products in London, analyzing their strategies for staying competitive. This deep dive provided key insights into industry trends, consumer preferences, and differentiation tactics, allowing me to identify impactful opportunities for improvement in this project.

Analysis approach


By analysing top beauty brands in London, I identified key strategies and translated insights into a user journey map and affinity diagram. This ensured a user-centred, strategically competitive design.

Design

Using a user-centred approach, I translated research insights into intuitive, visually engaging designs. Each iteration was refined for testing, ensuring alignment with user needs and validation readiness.


Research Methods

Research Methods

Secondary Research

The research I received came directly from the creator herself. She provided various websites and companies she aimed to emulate, serving as a foundation for my secondary research.

user test.

I conducted usability testing to uncover real-world user behaviours and pain points, ensuring the design aligns with actual needs. This process provided clear insights and guided me in crafting the most effective solutions moving forward.


Secondary
Research

The research I received came directly from the creator herself. She provided various websites and companies she aimed to emulate, serving as a foundation for my secondary research.

user test

I conducted usability testing to uncover real-world user behaviors and pain points, ensuring the design aligns with actual needs. This process provided clear insights and guided me in crafting the most effective solutions moving forward.4o


Findings

Competitive Reviews for
websites

afro hair candy

Strengths:

  1. Clean & Transparent Design – The website has a sleek, open layout that clearly presents ingredients and formulas.

  2. Well-Organised Product Selection – Offers a wide range of products, neatly categorized for easy browsing.

  3. Currency Selection: The inclusion of a currency selector allows users from various countries to view prices in their local currency, enhancing the shopping experience for international customers.

Weakness:

  1. Limited Product Information: The product page lacks detailed information about the Deep Conditioning Treatment, such as ingredients, usage instructions, and benefits. Providing comprehensive product details can help users make informed purchasing decisions.

  2. Call-to-Action Visibility: The prominence of the 'Add to Cart' or 'Buy Now' buttons is not clear. Ensuring these call-to-action buttons are easily noticeable can improve conversion rates.

  3. Very Expensive: Prices are way over the consumer budget.

the afro hair and skin company

Strengths:

  1. Clear Navigation: The website features a straightforward navigation menu with categories like "Shop Everything," "Hair & Scalp," "Face & Body," and "Shop Sets & Bundles," making it easy for users to find products

  2. Currency Selection: The inclusion of a currency selector allows users from various countries to view prices in their local currency, enhancing the shopping experience for international customers.

Weakness

  1. Limited Product Information: The product page lacks detailed information about the Deep Conditioning Treatment, such as ingredients, usage instructions, and benefits. Providing comprehensive product details can help users make informed purchasing decisions.

  2. Prices are still high: Cost of the items are still quite high.

User persona

Creating and using Aisha Thompson's persona helps us design a user-centric shopping experience that caters to the real needs of our target audience. By understanding her behaviours, frustrations, and motivations, we can make informed decisions about how to improve the website and overall customer journey.

Findings

Aisha Thompson

User Persona: Natural Hair Queen

Name: Aisha Thompson
Age: 34
Location: London, Cheslsea
Occupation: Wellness Blogger & Marketing Professional
Lifestyle: Eco-conscious, values holistic beauty, prefers natural and ethical products

About Aisha

Jade is passionate about self-care and only uses natural, chemical-free products for her hair and skin. She actively seeks out Black-owned beauty brands that align with her values. However, she often struggles with products being out of stock and finds it difficult to discover detailed customer reviews before making a purchase.

Pain Points

  • Limited product availability – Frequently encounters "Sold Out" items, making it hard to repurchase favorites.

  • Lack of customer reviews – Prefers real user feedback but finds some products have no ratings or testimonials.

  • Inconsistent product visuals – Finds varying image styles less appealing and sometimes misleading.

  • Mobile shopping frustrations – Wants a seamless, user-friendly mobile experience but finds navigation slightly clunky.

Goals & Needs

  • Access to reliable and consistent stock of her favorite natural beauty products.

  • More customer reviews and testimonials to help guide purchasing decisions.

  • A visually cohesive shopping experience with high-quality, standardized product images.

  • A well-optimized mobile site for easy browsing and checkout on the go.



Shopping Behaviour

  • Actively follows Black-owned beauty brands on social media for updates and new product drops.

  • Willing to spend more on high-quality, ethically sourced products.

  • Prefers brands that offer subscriptions, restock alerts, or pre-order options to avoid stock issues.

  • Values loyalty programs and discounts as incentives for repeat purchases.

Quote:

"I love supporting natural hair and skincare brands, but I need a smoother, more reliable shopping experience to keep coming back."

User persona

Creating and using Aisha Thompson's persona helps us design a user-centric shopping experience that caters to the real needs of our target audience. By understanding her behaviours, frustrations, and motivations, we can make informed decisions about how to improve the website and overall customer journey.

Aisha Thompson

User Persona: Natural Hair Queen

Name: Aisha Thompson
Age: 34
Location: London, Cheslsea
Occupation: Wellness Blogger & Marketing Professional
Lifestyle: Eco-conscious, values holistic beauty, prefers natural and ethical products

About Aisha

Jade is passionate about self-care and only uses natural, chemical-free products for her hair and skin. She actively seeks out Black-owned beauty brands that align with her values. However, she often struggles with products being out of stock and finds it difficult to discover detailed customer reviews before making a purchase.

Pain Points

  • Limited product availability – Frequently encounters "Sold Out" items, making it hard to repurchase favorites.

  • Lack of customer reviews – Prefers real user feedback but finds some products have no ratings or testimonials.

  • Inconsistent product visuals – Finds varying image styles less appealing and sometimes misleading.

  • Mobile shopping frustrations – Wants a seamless, user-friendly mobile experience but finds navigation slightly clunky.

Goals & Needs

  • Access to reliable and consistent stock of her favorite natural beauty products.

  • More customer reviews and testimonials to help guide purchasing decisions.

  • A visually cohesive shopping experience with high-quality, standardized product images.

  • A well-optimized mobile site for easy browsing and checkout on the go.



Shopping Behaviour

  • Actively follows Black-owned beauty brands on social media for updates and new product drops.

  • Willing to spend more on high-quality, ethically sourced products.

  • Prefers brands that offer subscriptions, restock alerts, or pre-order options to avoid stock issues.

  • Values loyalty programs and discounts as incentives for repeat purchases.

Quote:

"I love supporting natural hair and skincare brands, but I need a smoother, more reliable shopping experience to keep coming back."

The Goals

Ensure Product
Availability
& Convenience

Solution

Implement back-in-stock notifications via email or SMS to inform users when products are available.

  • Introduce a pre-order system or subscription model for high-demand items, ensuring customers can secure products in advance.

  • Improve inventory management by analysing purchase trends to prevent frequent stock outs.

Solution

Implement back-in-stock notifications via email or SMS to inform users when products are available.

  • Introduce a pre-order system or subscription model for high-demand items, ensuring customers can secure products in advance.

  • Improve inventory management by analysing purchase trends to prevent frequent stock outs.

Solution

Implement back-in-stock notifications via email or SMS to inform users when products are available.

  • Introduce a pre-order system or subscription model for high-demand items, ensuring customers can secure products in advance.

  • Improve inventory management by analysing purchase trends to prevent frequent stock outs.

Build Customer
Confidence
Through Social
Proof & Brand
Engagement

Solution

Integrate a user-generated content (UGC) gallery where customers can share photos and videos of their results, creating an authentic community around the brand.

  • Feature expert endorsements or testimonials from hair care professionals to reinforce product credibility.

  • Highlight real-time purchases (e.g. “Sarah from Manchester just bought this product!”) to create urgency and reinforce trust.

Optimise Mobile
Shopping
Experience for
Seamless Navigation

Solution:

  • Enhance mobile responsiveness, ensuring that product pages, navigation, and checkout flows are smooth on all devices.

  • Improve product images and descriptions by maintaining visual consistency and adding zoom-in features for better clarity.

  • Streamline the checkout process, offering multiple payment options like Apple Pay, Google Pay, and PayPal for faster transactions.

Solving the problem

Solving the problem

Designed a seamless user flow to enhance efficiency and engagement.

  • Integrated social features at key touchpoints to drive user interaction.

  • Implemented a real-time stock display for greater transparency and informed purchasing decisions.

  • Optimised the checkout process to reduce friction and improve conversion rates.

  • Simplified navigation by removing unnecessary categorisation, ensuring a smooth and focused shopping experience.

I Designed a seamless user flow to enhance efficiency and engagement.

  • Integrated social features at key touch points to drive user interaction.

  • Implemented a real-time stock display for greater transparency and informed purchasing decisions.

  • Optimised the checkout process to reduce friction and improve conversion rates.

  • Simplified navigation by removing unnecessary categorisation, ensuring a smooth and focused shopping experience.

I Designed a seamless user flow to enhance efficiency and engagement.

  • Integrated social features at key touch points to drive user interaction.

  • Implemented a real-time stock display for greater transparency and informed purchasing decisions.

  • Optimised the checkout process to reduce friction and improve conversion rates.

  • Simplified navigation by removing unnecessary categorisation, ensuring a smooth and focused shopping experience.

"I then implemented each design in Squarespace for testing and gathered feedback from both the main stakeholders and users. The response was largely positive, though there was a need for higher-quality imagery to enhance the overall design."


"I then implemented each design in Squarespace for testing and gathered feedback from both the main stakeholders and users. The response was largely positive, though there was a need for higher-quality imagery to enhance the overall design."


Low fidelity

I created a low-fidelity prototype for the Naturally Gold project to explore and evaluate my design concepts, identifying what worked and what needed improvement.

Home page

Shopping page

Item information

The outcome

I then implemented each design in Squarespace for testing and gathered feedback from both the main stakeholders and users. The response was largely positive, though there was a need for higher-quality imagery to enhance the overall design.



Users can seamlessly navigate the website to explore, purchase, and manage hair and skin products effortlessly. The experience is designed for clarity, enabling users to easily access ingredient details and usage instructions, ensuring informed purchasing decisions.

The rest of the design

Learnings

  1. Enhancing the
    user
    experience

Each design decision was strategically implemented to enhance the overall user experience, ensuring a seamless and intuitive purchasing journey. The interface prioritises clarity, allowing users to easily access essential product information, including detailed ingredient lists, to make informed purchasing decisions with confidence.4o


  1. Iterative design
    and testing are crucial
    for refinement

This iterative approach allowed for continuous improvement based on user feedback, revealing insights we wouldn't have discovered otherwise. The experience reinforced the value of embracing an iterative design process with regular user testing. In future projects, I'll continue to emphasise this approach to ensure the final product is refined and truly user-friendly.

Future Scope

Future Scope

Cart Interaction

The cart interaction on the website is currently subtle, which may reduce visibility and user engagement. If refined, I would enhance the interaction to make it more noticeable and intuitive, ensuring users receive clear feedback when adding items to their cart.

Imagery issues

The current imagery lacks the necessary quality, resulting in an unpolished user experience. Enhancing image resolution and consistency will improve visual appeal, build trust, and create a more refined and professional feel.

Thank you for reading

Competitive Reviews for
websites

afro hair candy

Strengths:

  1. Clean & Transparent Design – The website has a sleek, open layout that clearly presents ingredients and formulas.

  2. Well-Organised Product Selection – Offers a wide range of products, neatly categorized for easy browsing.

  3. Currency Selection: The inclusion of a currency selector allows users from various countries to view prices in their local currency, enhancing the shopping experience for international customers.

Weakness:

  1. Limited Product Information: The product page lacks detailed information about the Deep Conditioning Treatment, such as ingredients, usage instructions, and benefits. Providing comprehensive product details can help users make informed purchasing decisions.

  2. Call-to-Action Visibility: The prominence of the 'Add to Cart' or 'Buy Now' buttons is not clear. Ensuring these call-to-action buttons are easily noticeable can improve conversion rates.

  3. Very Expensive: Prices are way over the consumer budget.

the afro hair and skin company

Strengths:

  1. Clear Navigation: The website features a straightforward navigation menu with categories like "Shop Everything," "Hair & Scalp," "Face & Body," and "Shop Sets & Bundles," making it easy for users to find products

  2. Currency Selection: The inclusion of a currency selector allows users from various countries to view prices in their local currency, enhancing the shopping experience for international customers.

Weakness

  1. Limited Product Information: The product page lacks detailed information about the Deep Conditioning Treatment, such as ingredients, usage instructions, and benefits. Providing comprehensive product details can help users make informed purchasing decisions.

  2. Prices are still high: Cost of the items are still quite high.