← Portfolio / Case Study
WordPress WooCommerce Elementor E-Commerce Freelance · 2022

Nadeera Gems —
E-Commerce Store

My first full e-commerce build — a WooCommerce store for a Sri Lanka-based gems and jewellery business, with a full product catalogue, shopping cart, checkout, order tracking, and worldwide delivery support.

My Role
Web Designer & Developer
Context
Freelance · 2022
Platform
WordPress · WooCommerce
Status
✦ Live
Scroll to explore
Nadeera Gems Website

What is Nadeera Gems?

Nadeera Gems and Jewellers is a Sri Lanka-based gems and jewellery business selling certified natural precious and semi-precious stones, gem jewellery, and gold jewellery — both island-wide and worldwide. The business needed a proper online store to reach customers beyond their local market and accept orders internationally.

This was my first full e-commerce project, built in 2022. The brief was to create a complete online shop from scratch — product listings across multiple categories, a shopping cart, checkout, customer accounts, and order tracking. It was a significant technical scope for an early project, and completing it taught me a great deal about how WooCommerce works end-to-end.

The site is built on WordPress with Elementor for page layout and WooCommerce handling all the store functionality — from product catalogue management through to the order lifecycle.

Quick Facts
Client
Nadeera Gems & Jewellers · Sri Lanka
Industry
Gems · Jewellery · E-Commerce
Context
First e-commerce build · Freelance 2022

Problem & Solution.

⚠️
The Problem
The business was selling gems and jewellery without a digital storefront — relying on in-person sales and informal channels. This limited their reach to the local market and made it impossible to serve international customers efficiently. They needed a proper online shop with product pages, a cart, checkout, and delivery tracking.
The Solution
A complete WooCommerce store with three product category shops (Gem Stones, Gem Jewellery, Gold Jewellery), individual product pages with images and descriptions, a full cart-to-checkout flow, customer account registration and login, and an order tracking page — all on a visually elegant site suited to a jewellery brand.

What this project actually involved.

For a 2022 freelance project, the technical scope was substantial. Building a complete e-commerce store is significantly more complex than a brochure site — it requires understanding WooCommerce's product, order, and user systems, configuring payment and shipping, and designing a purchase journey that converts browsers into buyers.

01
WordPress Setup
Theme, hosting, domain, plugin configuration
02
Visual Design
Homepage layout in Elementor, brand-appropriate elegance
03
WooCommerce Store
Products, categories, cart, checkout, accounts
04
Order & Delivery
Order tracking, island-wide and worldwide shipping

First impressions for a jewellery brand.

Jewellery websites need to feel aspirational from the very first scroll. The homepage was designed to establish the brand's identity before driving visitors into the shop — a full-width hero with brand language ("Magical Blend of Elegance & Opulence"), trust signals (certified natural stones, express delivery, safe packaging), three collection entry points, and featured product listings.

Nadeera Gems Homepage
Homepage — hero, trust signals, and collection entry points
Homepage Trust Signals
💎
Quality Jewellery
Certified 100% natural precious and semi-precious stones
🚚
Express Delivery
Island wide and worldwide delivery
Best Services
Safe packaging with top notch service

Three shops, one store.

The product catalogue was organised into three distinct categories — each with its own shop page, product listings, and collection-level photography. This structure made browsing intuitive and kept the different product types clearly separated for customers who knew exactly what they were looking for.

Gem Stones
Gem Stones category
Gem Jewellery
Gem Jewellery category
Gold Jewellery
Gold Jewellery category

The full e-commerce feature set.

Beyond the visual design, this project required configuring WooCommerce's complete commerce engine. Each feature below involved understanding how WooCommerce works, setting it up correctly, and ensuring it integrated smoothly with the rest of the site.

🛍️
Product CatalogueMultiple product pages with images, descriptions, pricing, and category assignment across three product types
🛒
Shopping CartAdd-to-cart functionality, cart page, quantity management, and cart icon in the navigation
💳
Checkout FlowWooCommerce checkout with billing and shipping address fields, order summary, and confirmation
👤
Customer AccountsLogin and registration, My Account page, order history, and saved addresses for returning customers
📦
Order TrackingDedicated order tracking page so customers can follow their delivery status after purchase
🌍
Worldwide ShippingShipping configured for both island-wide (Sri Lanka) and international delivery, with appropriate zones and rates

Supporting the full customer journey.

My Account
Login / Register & My Account
Order Tracking
Order Tracking
Contact
Contact Us

Built with WordPress & WooCommerce.

WordPress with WooCommerce is the dominant stack for independent e-commerce — it gives small businesses a full online store they can manage themselves, without the ongoing fees of hosted platforms like Shopify. Elementor handled the visual page building, keeping the brand-facing design flexible and maintainable.

🌐
WordPress
🛒
WooCommerce
Elementor
🎨
Custom CSS
📦
WC Shipping
👤
WC Accounts

What was delivered.

3 Product category shops built Gem Stones · Gem Jewellery · Gold Jewellery
Full End-to-end commerce flow Browse → Cart → Checkout → Account → Track
🌍 Worldwide delivery enabled Island-wide + international shipping

What I learned.

This was my first e-commerce project — completed in 2022, early in my freelance career. Looking back, there are things I would do differently today: stronger product photography guidance, a more refined visual system, and a cleaner mobile checkout experience. But completing this project was formative — it forced me to learn WooCommerce's full feature set end-to-end, and the foundations I built here directly informed all the WordPress work I have done since.

01
E-commerce is a system, not just a website. WooCommerce connects products, orders, customers, shipping, payments, and notifications into one flowing system. Understanding how all of these relate to each other — and how design decisions affect the commerce flow — was the most important thing I learned from this project.
02
Product photography is half the design. On a jewellery e-commerce site, the product images carry enormous weight. When images are inconsistent or low quality, no amount of layout work compensates. I learned to be much more proactive about photo requirements and client briefing on this front.
03
Every project teaches something the next one benefits from. This site, built early in my career, gave me the confidence and technical grounding to take on progressively more complex WordPress work — including the sites I've built since for Black Creek Industries, Black Creek Modular, and NR Creativo Solutions.
Next Project →
NR Creativo — Website Redesign
View Case Study →
← Back to Portfolio
Share: in