← Back to all websites

Be Not Afraid Jewellery

A cohesive brand identity, logo, guidelines, and Shopify Hydrogen e-commerce website created for a bespoke jewellery business.

Be Not Afraid Jewellery landing page

The project

I met the entrepreneur for this project at a business bootcamp in Wales and established a great working relationship through productive initial meetings. I developed the entire brand identity, logo, brand guidelines, and full e-commerce website - creating a cohesive project grounded in a clear visual identity.

Brand Identity & Guidelines

Before moving to website design, I created the complete brand guidelines to establish a clear visual direction. This covered the brand's core mission, shape psychology, logo variations, typography, colour palette, and target market positioning.

Be Not Afraid Jewellery North Star brand guideline
Brand North Star
Be Not Afraid Jewellery Shape Psychology brand guideline
Shape Psychology
Be Not Afraid Jewellery Logomark guideline
Logomark
Be Not Afraid Jewellery Logotype guideline
Logotype
Be Not Afraid Jewellery Typography guideline
Typography
Be Not Afraid Jewellery Colour palette guideline
Colour Palette
Be Not Afraid Jewellery Target market guideline
Target Market

Website Design & Mockups

I'm really proud of this project and still consider it my best design work to date. Grounded in the branding guidelines, the website mockups were completed in a focused two-month span, delivering a consistent look and feel across every step of the shopping journey.

Be Not Afraid Jewellery Landing Page hero mockup
Landing Page (Hero)
Be Not Afraid Jewellery Landing Page collections mockup
Landing Page (Collections)
Be Not Afraid Jewellery Products catalog mockup
Products Page
Be Not Afraid Jewellery Product details mockup
Product Details Page
Be Not Afraid Jewellery Shopping bag mockup
Shopping Bag
Be Not Afraid Jewellery Customer information mockup
Customer Information
Be Not Afraid Jewellery Checkout mockup
Checkout & Payment
Be Not Afraid Jewellery Order success mockup
Order Confirmation
Be Not Afraid Jewellery About page mockup
About Page

User Flow & Client Collaboration

Because this was my first time working with an external client with whom I had no prior connection, clear communication and structured planning were essential. I mapped out the end-to-end user flow and used Figma discussions to align on design details and refine concepts quickly.

User flow diagram
User flow and site mapping
Figma feedback and design discussion
Iterative client feedback and discussion directly in Figma

Building it

This project was packed with firsts: my first time working with React and Shopify Hydrogen, drafting client contracts, issuing invoices, managing client meetings and feedback, and keeping the entire project moving forward on schedule.

Live Site & Spline Animation

The live preview currently looks a bit empty and disjointed because there is no active Shopify account attached and no live products populated. However, you can still interact with the Spline 3D animation on the page. Normally, at the end of the Spline animation, a featured product would be displayed under “a reminder of your direction”.

What I learned & Outcome

Tragically, the client ended up falling through on their business plans, so the website was not officially launched for business - which was a real shame because the final product was awesome. Completing the branding, Figma mockups, and working Shopify Hydrogen build in just two months was a major milestone and a huge learning experience.