WooCommerce store, built 2026

Botanica: a store built accurate to the pixel.

A small-batch skincare storefront built end to end from a locked design spec. It is a live demonstration build, made to show what a finished WooCommerce store from me looks like.

Role
Design implementation and development
Stack
WordPress, Elementor, Blocksy child theme, WooCommerce, PHP
Scope
Full store, live demonstration
Live site
botanica.builtbynavi.com
Botanica homepage on desktop. Serif headline, arched product photograph, warm cream palette
botanica.builtbynavi.com

The spec

There is no client behind Botanica. I built it to answer the question every prospective client asks, which is what a finished store from me actually looks like. So I locked a design spec first, the way a skincare brand would hand one over: warm cream ground, serif typography, arched image panels, a film-grain texture, a quiet editorial tone. Then I held myself to it. The test was whether the spec and the finished store would be indistinguishable, and whether the owner of a store like this could edit any of it without touching code.

What I built

A complete storefront. Homepage, product pages, cart and checkout, with ingredient subtitles, UK shipping zones and a custom PHP payment gateway plugin. It is a demonstration gateway, so no live payments are taken. The homepage is built in Elementor as native, editable widgets rather than pasted HTML, so any section can be changed from the editor.

Underneath the surface, the important decision was where the design lives. Every colour, type style and spacing value lives in a custom Blocksy child theme rather than in the pages themselves, which means a theme or WordPress update cannot flatten the design system. The site runs as a Dockerised deployment with automatic HTTPS.

What holds it together

  • Pixel-accurate build from the spec. The arch image panels, film-grain texture, sticky header and typographic scale all match the design exactly.
  • A child theme holding all design tokens, so the work survives every update. Insurance most cheap builds skip.
  • Native Elementor widgets throughout, so any section can be edited without a developer.
  • A custom payment gateway written in PHP against WooCommerce's own APIs. It runs in demonstration mode, so no card details are taken.

Something like this on your mind? Tell me what is going on at builtbynavi@gmail.com and I will reply with an honest view of what it would take.