Azhara Grove
Shopify store for a Moroccan olive oil
A single-estate organic olive oil from the foothills of the Atlas mountains, sold in the UK. I took the brand and website designs from Figma and built them as a Shopify theme the founder can run without a developer.
azharagrove.com- Client
- Azhara Grove
- Year
- 2026
- Role
- Developer, from Figma to Shopify (through Bizbo)
- Discipline
- Shopify theme development, Front-end, E-commerce
- Tools
- Shopify, Liquid, Flow theme, Figma, Shopify CLI
Overview
With love from Morocco
Azhara Grove is an organic extra virgin olive oil made from early-harvest Picholine Marocaine olives, grown on a single estate north of Marrakech. The brand leans on warm photography, a terracotta and navy palette and a hand-drawn compass mark.
The designs arrived as a complete Figma file. My job was to turn them into a working Shopify store that matched the design closely and stayed easy to edit, so the founder could change copy, images and offers without a developer.
The build
From Figma to an editable theme
I built on the Flow theme and extended it with custom sections and settings rather than hard-coding pages. Every visual variant in the design became an option in the Shopify editor.
- Sand, terracotta and navy section variants, with the header colour following each page.
- A branded image filter that gives photography a consistent warm grade, with a per-section opt-out.
- A rich-text layout setting (stacked or two-column) and a Fill or Fit toggle for every section image.
- A brand-mark band that places the compass logo between sections at any size or position.
- A scrolling announcement marquee and a native, tag-based pre-order flow with a badge over the hero bottle.
- A wholesale enquiry page whose headline, copy and image are all editable in the CMS.
Homepage
The bottle, the land, the story
The homepage opens on the estate with the bottle set into the landscape, then moves straight to the product, the olive oil and the founder's story.
Our olive oil
Photography with room to breathe
The olive oil page walks through the terroir, the grove, harvesting, production and the oil itself, pairing each step with large-format photography in loose, editorial compositions.
Our story
A founder's story on terracotta
The story page switches to the terracotta theme for the founder's own account of where the brand began, using family photographs alongside the brand photography.
Full pages
Every page, start to finish
Shop and wholesale
Mobile
Designed for the phone too
Each page was built and checked at phone width, including a custom mobile menu drawer in the sand theme.