Lavandré

A full-stack WooCommerce store with a custom-built loyalty program — designed and developed entirely from scratch

SS 21
Lavandré
View live site

Skills

  • CSS
  • Cypress
  • E2E Testing
  • JavaScript
  • Jest
Role
Senior Software Engineer
Type
E-commerce

Overview

Lavandré is a luxury fragrance and beauty brand that needed a complete web presence built from nothing. I built the entire platform: custom WordPress theme, WooCommerce store, and a bespoke loyalty points program that rewards customers for purchases, referrals, and engagement — using PHP, TypeScript, and native Web Components throughout.

Details

Lavandré didn't start with a template. The entire site — page layouts, product pages, checkout flow, and the loyalty program backend — was designed and built from the ground up. **WooCommerce, done properly** The e-commerce layer runs on WooCommerce, but not the kind you bolt a theme onto. Every product page, cart interaction, and checkout step was custom-built to fit the brand. Custom AJAX handlers manage cart updates and product interactions without full page reloads, keeping the experience fast and seamless even on slower connections. **A loyalty program built in-house** The standout feature is the Lavandré Club — a custom-built loyalty system where customers earn points for purchases, referrals, and social engagement, redeemable for discounts, free products, and birthday rewards. This wasn't a plugin. It was built as a bespoke integration with WooCommerce's order lifecycle, with its own admin interface and a dedicated customer-facing account section. **Native Web Components throughout** Rather than reaching for a JavaScript framework, I built reusable UI elements as native browser Web Components with TypeScript. Product cards, loyalty point displays, interactive filters — all encapsulated, framework-agnostic, and built to stay maintainable without framework churn. **Built to the brand** No starter themes, no page builders. Just PHP templates, custom post types, WooCommerce template overrides, and CSS written specifically for Lavandré's premium aesthetic.

Project Images

Lavandré homepage
Homepage
Lavandré shop overview
Shop
Lavandré product detail page
Product detail
Lavandré Club loyalty program
Lavandré Club
Lavandré sustainability page
Sustainability

Responsibilities

  • Full-stack custom theme, ground up

    No starter themes, no page builders. The entire WordPress theme — PHP templates, custom post types, WooCommerce overrides, and every CSS rule — was built to match Lavandré's premium brand exactly.

Key Features

  • Lavandré Club loyalty program

    A bespoke loyalty system built from scratch: customers earn points for purchases, referrals, and social engagement, redeemable for discounts, free products, and birthday rewards. Built as a custom WooCommerce integration with its own admin interface and customer account section — no plugin.

  • Native Web Components with TypeScript

    Reusable UI elements built as native browser Web Components — product cards, loyalty point displays, interactive filters. TypeScript keeps the component logic type-safe. No framework dependency, no framework churn.

  • Custom AJAX handlers

    Cart updates, product interactions, and loyalty point calculations all run via custom AJAX handlers without full page reloads — keeping the shopping experience fast and responsive without a SPA framework.