# Salted Studio: booking a cut and buying haircare, kept separate

Source: https://www.lucidmedia.co.nz/case-studies/salted-studio/

\+ Salted Studio

Booking a cut and buying haircare now feel like two clean journeys

![Salted Studio: booking a cut and buying haircare, kept separate case study](https://www.lucidmedia.co.nz/images/case-studies/salted-studio-hero.webp)

Client

Salted Studio

Industry

Beauty & Wellness

Services

Web Design, Web Development, E-commerce

01

## Challenge

Salted Studio is a whānau-owned hair salon on Derby Street in Gisborne, retailing Keune professional haircare alongside their in-salon services. Guided by whakapapa and a connection to Tūranganui-a-Kiwa, the team describes their style as quietly premium and genuinely caring.

Clients booking cuts, colour and treatments and customers buying Keune products between appointments wanted two distinct experiences from one brand. The goal was a faster storefront that let the salon brand and the product range reinforce each other, especially on mobile where most repeat customers shop.

02

## Approach

Built a Next. js App Router frontend on Vercel that stays headlessly connected to a Cloudways-hosted WooCommerce admin, so the team keeps the WordPress workflows they know.

Wrote a full TypeScript WooCommerce REST API client to power product pages and the catalogue. Integrated Stripe Elements checkout with server-side PaymentIntent creation and a webhook handler for payment success and failure.

Added cart and upsell logic with localStorage persistence, plus ISR-cached product pages for fast loading. Aligned the salon brand and the e-commerce experience so each supports the other.

03

## What we delivered

### Web Design

- Brand-aligned UI
- Mobile-first layout
- Storefront design

### Web Development

- Next.js App Router
- Headless frontend
- TypeScript API client

### E-commerce

- Stripe Elements checkout
- Cart and upsell logic
- WooCommerce integration

### Performance

- ISR caching
- Vercel hosting
- Webhook handling

Built with

Next.js TypeScript WooCommerce Stripe Vercel

## Explore more case studies

[View all case studies](https://www.lucidmedia.co.nz/case-studies/)

Real Estate

### [AT Realty: instant commission figures in front of vendors](https://www.lucidmedia.co.nz/case-studies/ray-white-commission-app/)

E-commerce

### [TSB Living: refunds handled in one system instead of spreadsheets](https://www.lucidmedia.co.nz/case-studies/tsb-living-refund-system/)

E-commerce

### [Five tracking systems unified into one portal for TSB Living](https://www.lucidmedia.co.nz/case-studies/tsb-living-multi-carrier-tracking/)

## Want results like this for your business?

Booking a cut and buying haircare now feel like two clean journeys. Tell us about your business and we will show you what we can do for you.

Free consultation & quote

Response within 24 hours

No obligation to proceed

[info@lucidmedia.co.nz](mailto:info@lucidmedia.co.nz) [+64 27 582 4369](tel:+64275824369)