e-commercehealthshopify 2.0

herbamama — online store for natural supplements

Full customisation of a Shopify theme to a Figma design for an American natural supplements brand. A 100+ SKU catalogue, subscriptions and conversion optimisation. Delivered ahead of schedule.

100+ products (SKU)
3 team members
< 4 weeks of development
�� herbamama.com
01

about the client

Herbamama is an American company from California, founded in 2019. It specialises in natural plant-based supplements: capsules, tinctures and gummies. Every product is organic, non-GMO, vegan and gluten-free, and manufacturing is GMP certified.

The brand positions itself as a company that combines knowledge of medicinal plants with a modern approach to health. The catalogue holds more than 100 SKUs — from Ashwagandha and Sea Moss to specialised formulas supporting the liver, the immune system and cognitive function.

02

task

The client had a live Shopify store on a stock theme that did not match the brand identity. Their designer had prepared a complete Figma mock-up with a custom style: brand colours, typography and the structure of collections and product pages. That design had to be brought onto Shopify without losing any platform functionality.

→Full customisation of the existing Shopify theme to the Figma mock-up
→Responsive markup for desktop, tablet and mobile
→Custom homepage sections: hero, collections, reviews, subscription
→Conversion optimisation of product pages
→Setting up subscriptions for repeat orders
→SEO: meta tags, Schema.org, load speed
→Email marketing and reviews system integration
03

solution

We started from a theme in the official Shopify Theme Store and rebuilt it completely to the Figma design. Every section — from header to footer — was reconstructed from scratch while staying compatible with the Shopify Theme Editor, so the client can manage content themselves.

custom theme

The Shopify theme was rebuilt from the ground up: custom JSON templates, Liquid sections and CSS variables for the brand colours. A Shopify 2.0 architecture with dynamic sections on every page.

product pages

Product pages optimised for conversion: a prominent CTA, a benefits block, reviews and related products. Subscription support with a choice of delivery frequency.

collections and filters

A custom collection grid with filtering by product type (capsules, tinctures, gummies), by health goal (liver, immune, brain) and sorting.

SEO and speed

Core Web Vitals optimisation, lazy-loaded images, minified CSS/JS. Schema.org Product markup on every product. Templated meta tags across all collections.

03.1

what it looks like

Key screens of the store — desktop and mobile.

Herbamama home desktop
Herbamama home desktop
Herbamama home mobile
Herbamama home mobile
Herbamama product desktop
Herbamama product desktop
Herbamama home mobile
Herbamama home mobile
Herbamama collection desktop
Herbamama collection desktop
Herbamama collection mobile
Herbamama collection mobile
04

process

week 1

analysis and planning

Analysing the Figma mock-up, decomposing it into Liquid sections, agreeing priorities with the client. Setting up the dev environment through the Shopify CLI.

week 2

markup and development

Theme customisation: header, footer, homepage sections, collection and product templates. Responsive markup across all breakpoints.

week 3

integrations and QA

Connecting subscriptions, email marketing and the reviews system. Testing on real orders. Speed optimisation. The project was delivered ahead of the planned date.

The client’s own team handled the site content — copy, product photography and descriptions. We provided detailed documentation for the Shopify Theme Editor and ran online training for their content managers.

05

team

lead developer
Theme architecture, Liquid development, Shopify API, code review
frontend developer
Markup from the Figma design, CSS, responsiveness, animations
QA & integrations
Testing, app setup, SEO, deployment
06

result

✓The store launched fully customised to the Figma design
✓Delivered ahead of schedule (3 weeks instead of 4)
✓The client manages content themselves through the Shopify Theme Editor
✓100+ products in the catalogue with subscription support
✓Optimised Core Web Vitals and SEO markup
✓Free shipping over $50, integration with US carriers

Is there a similar project?

Tell us about your tasks — we will prepare an estimate within 24 hours. Free and without obligation.

discuss the project →other cases

Shopify Theme Customization

TradeMinister performs full customization of Shopify themes based on Figma layouts. Each section is rebuilt from scratch while maintaining compatibility with the Theme Editor. Customization service starting from 500 USD.

Turnkey Shopify

Full cycle of Shopify store development: from task analysis to launch. Responsive design, SEO, integration with Ukrainian payments and delivery.

Other cases

Check out TradeMinister's portfolio: all cases. Clothing, cosmetics, electronics, food & supplements stores. From theme customization to a complete turnkey store. Order a project →