Skip to content

WorkIngredients EcommerceDirected, Built

Formulation Ingredients Brand

Organised a complex ingredient catalog into a clearer commerce system, combining product architecture, documentation and storefront UX.

View Demo — Formulation Ingredients Brand, opens in a new tab

The storefront homepage, setting the category line over a flat-lay of oils, extracts and tools.

What I did

A formulation ingredients and systems brand, presented for buyers who need specifications before they need persuasion. The catalog is organised by craft, ingredient type and formulation stage, with filtering for wholesale availability and documentation, and every product page carries usage rate, compatibility, storage and handling alongside the commercial detail. The brand ecosystem — logo suite, pattern system, advertising, email and social templates — sits behind the storefront.

  • Catalog Architecture
  • Design System
  • Brand Ecosystem
  • Ecommerce Experience

What to look at in the demo

  • The catalog filters on wholesale availability and documentation, which is how a formulator actually narrows a list.
  • Every product page carries usage rate, compatibility, storage and handling alongside the commercial detail.

Stack

Shopify theme

  • The storefront homepage, setting the category line over a flat-lay of oils, extracts and tools.
  • The all-products listing, with availability and price filters above a grid of amber-glass ingredient bottles.
  • A product page, pairing the labelled jar with size options, per-ounce pricing, stock state and an at-a-glance specification block.

What is and is not claimed

The storefront is live, and the plates and the demo are both that storefront, so both carry the client's own branding. The demo is a static capture of the deployed page rather than a rebuild of it — session tokens, analytics and the origin host are stripped, and nothing on it can be bought. No sales, traffic or ranking outcomes are claimed.

Provenance

Built or directed by Mo Abdel across operating roles, independent projects and implementation work. The Demo link opens a deployed demo of the build rather than a live storefront.

View All Work

Build the growth. Strengthen the business behind it.

Get in Touch