Case study 01
Custom ecommerce
HairKhair
HairKhair needed a custom online store that felt true to its brand and could support both one-off purchases and subscriptions.
Coming soon
Explore the projectThe actual website
Try it for yourself.
Explore the actual website. Scroll and click inside the frame.
Open full website01 The project
What we
built.
- The brief
- A branded store for one core product, with one-off purchase and subscription choices.
- What we built
- The storefront, product journey, Stripe integration, purchase options and simple store analytics.
- Launch status
- Prepared for launch. The public site is a first look and does not yet take payments; the case study does not claim sales results.
A bespoke ecommerce store with Stripe payments, subscription options and simple store analytics. A considered product experience brings the brand, its story and the path to checkout together, ahead of launch.
At a glance
- Custom storefront and Stripe payments
- One-off purchases and subscription options
- Simple store analytics
02 In practice
Inside the product.
Follow the experience from first step to outcome. These interactive illustrations use example data.
A store with
its own character.
One daily ritual, introduced with the same care as the product itself.
The daily ritual
A considered experience.
Meet the brand
A custom storefront introduces HairKhair’s daily hair supplement through a soft lavender palette, considered product imagery and a clear product story.
03 Design & engineering
Behind the build.
The decisions, the working parts and what connects them.
HairKhair is a hair supplement brand created with Muslim women in mind. The storefront gives one product room to tell its story: soft lavender and cream, expressive typography, product imagery and a clear route from the first introduction to purchase options.
The custom commerce build includes Stripe payment integration, one-off purchase and subscription options, and simple analytics for an overview of store activity. The product pages, purchase choices and checkout are designed as one connected experience.
HairKhair is preparing to launch. The public site currently offers a first look at the product and subscription options; it does not yet take payments. The case study shows the storefront alongside illustrations of the commerce features built for the store.
The working parts.
How the build is organised.
Storefront
- Product pages
- Brand story
- Purchase options
Commerce
- Custom checkout
- Stripe integration
- Subscriptions
Operations
- Simple store analytics
Built with
- HTML / CSS
- JavaScript
- Stripe
Visit HairKhair
For a similar project
The decisions
that matter.
Keep the brand and the purchase decision together. HairKhair has one core product, so the design gives the daily ritual, product information and purchase options room to be understood without the navigation of a large catalogue. The cream and lavender palette carries through the storefront rather than stopping at the homepage.
A custom store includes more than its front page. The agreed build connects Stripe, one-off purchases, subscription options and simple analytics. The public storefront is a pre-launch first look; these are delivered capabilities, not a claim of live orders or sales growth. For a similar project, agree the fulfilment process and subscription rules alongside the design.
Custom ecommerce developmentBy Alwan Technologies · Updated
Have a project like this in mind?