Beauty & Wellness

Salted Studio

A headless storefront for a Gisborne whānau-owned salon

Web Design Web Development E-commerce
Salted Studio case study

The 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.

Our Solution

  • 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.

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
How We Work

Our Web Design Process

A proven methodology that delivered results

01

Discovery & Strategy

We started with understanding your business goals, target audience, and competitive landscape to inform the design direction.

02

UX/UI Design

We created a user-centred design focused on conversions, with intuitive navigation and compelling visual hierarchy.

03

Development & Build

We built a fast, responsive, SEO-friendly website using modern technologies and best practices for performance.

04

Launch & Optimisation

After rigorous testing, we launched and monitored performance, making data-driven optimisations to maximise results.

Execution Timeline

Our Development Process

The step-by-step approach behind the outcomes

1

Requirements Analysis

We mapped out your business requirements and technical needs, defining clear specifications for the solution.

2

Architecture & Planning

We designed a scalable solution architecture, selecting the right technologies and frameworks for your needs.

3

Development & Testing

We built using modern frameworks with comprehensive testing to ensure reliability and maintainability.

4

Deployment & Support

We deployed with zero downtime and provided ongoing support to ensure smooth operation.

Built with

Next.js TypeScript WooCommerce Stripe Vercel

Want results like this for your business?

A headless storefront for a Gisborne whānau-owned salon for Salted Studio. Tell us about your business and we will show you what we can do for you. Backed by our results guarantee.

Free consultation & quote
Response within 24 hours
No obligation to proceed

Prefer to pick a time yourself? Book a call