All WebsitesJewellery

LusterBlue

An online store for 925 sterling silver gemstone jewellery made in Sri Lanka, with personalised pieces, astrology collections and islandwide delivery.

Industry
Jewellery & gemstones
Location
Galle, Sri Lanka
Built with
WordPress, WooCommerce
My role
Website design & development
Live site
LusterBlue website on desktop
LusterBlue website on mobile
Overview

LusterBlue sells silver gemstone jewellery made in Sri Lanka: rings, necklaces, earrings, bracelets and watches, along with personalised name pieces and astrology collections. The store had to feel as polished as the jewellery while making it easy to browse, choose and buy online.

The challenge

Jewellery is a considered purchase, and buying it online means trusting a store you can’t walk into. The site needed to answer questions about authenticity, delivery and sizing up front, and organise a large catalogue so shoppers can find the right piece quickly on a phone.

Who it’s for

Designing for the people who use it

  • 01Shoppers across Sri Lanka buying silver gemstone jewellery online, often on a phone
  • 02Gift buyers looking for personalised name and birthstone pieces
  • 03Customers choosing Navaratna or Zodiac (Lagna) jewellery for astrological reasons
User journey

From first visit to the next step

  1. 1

    Browse by category

    Earrings, rings, bracelets, necklaces, personalised pieces and watches sit right under the hero.

  2. 2

    Compare pieces

    Quick view, wishlist and compare help shoppers narrow down without losing their place.

  3. 3

    Choose with confidence

    Product pages with a ring size guide, and guides such as birthstones by month.

  4. 4

    Check out

    A WooCommerce cart and checkout, with free islandwide delivery.

  5. 5

    Get help

    WhatsApp is one tap away on mobile for questions before or after buying.

Wireframe

Page structure

The homepage is planned as a sequence of sections, each answering the next question a visitor has. Below is that structure as a low-fidelity wireframe, with the site’s main navigation.

WomenMenWatchesAstrologyAbout UsContact Us
01Header with search, wishlist and cart
02Trust bar: delivery, authentic gemstones, made in Sri Lanka, happy customers
03Hero with Explore Collections
04Shop by category
05Featured collections product grid
06925 sterling silver gemstone jewellery introduction
07Blog highlights
08About us
09Help and contact
10Footer with shop, discover and support links
Design system

Colour, type and components

Colour palette
  • Luster blue#2077B0
  • Midnight#0B0F1A
  • Sky#C7D4F5
  • Ink#242424
  • Stone#767676
Typography
AaMarcellusHeadings
The quick brown fox jumps over the lazy dog. 0123456789MontserratBody text
Primary button
EXPLORE COLLECTIONS
Design decisions
  • 01Marcellus, an elegant serif, gives headings a premium jewellery feel, with Montserrat keeping prices and product details easy to read.
  • 02One sapphire blue is kept for calls to action, echoing the brand name and the blue diamond in the logo.
  • 03A trust bar under the header answers the big worries (delivery, authenticity and origin) before anyone starts browsing.
  • 04On mobile, a fixed bottom bar keeps Shop, Cart, My account and WhatsApp within thumb’s reach.
Responsive

Designed for every screen

lusterblue.lk
Build & launch

Development and launch

  • 01WordPress and WooCommerce on the WoodMart theme, with wishlist, product compare and quick view.
  • 02Astrology collections (Navaratna and Zodiac jewellery) and personalised name jewellery as their own categories.
  • 03Buying guides such as a ring size guide and birthstones by month, plus a blog about Sri Lankan gems.
  • 04Yoast SEO, Google Site Kit, LiteSpeed caching and Cloudflare for search visibility and speed.
Visit lusterblue.lk