Ivory & Ash Atelier: Salon Website & Ecommerce

Ivory & Ash Atelier is a hair salon in Five Dock, Sydney. Alphesda Interactive built a custom website that brings its salon identity and haircare shop into one experience, with an administration system for keeping the content and catalogue current.

The public journey has two clear destinations: explore the salon and book through Timely, or browse products and shop online. The build uses Next.js and React, Firebase for content, accounts and media, and Stripe Checkout for the ecommerce payment handover.

A salon identity, carried onto the web

Large photography, a restrained palette and generous typography give the site the feel of the atelier. The homepage moves from a full-screen portrait into the salon story, then introduces the products customers can use at home.

The salon page connects that visual direction to useful information: cutting, colour and styling services, a gallery, contact details and appointment links. The published Book now buttons hand over to the salon's Timely portal. A familiar booking service can sit alongside a custom website without making customers learn a second appointment system.

For a similar service business, our Melbourne web design service starts with the brand, the information visitors need and the action each page should support.

Haircare ecommerce beyond the salon chair

The shop gives products their own pages, with photography, pricing and purchase controls. Category filters and price sorting help customers browse the catalogue. The Styling view shown here keeps the focus on the salon's take-home haircare range.

Behind the interface, the checkout implementation resolves products and selected variants on the server, reserves tracked inventory and creates a Stripe Checkout session in Australian dollars. The order tools support fulfilment, tracking information and refunds. These are implemented capabilities; the screenshots document browsing rather than a completed payment.

Our custom ecommerce development service scopes the catalogue, checkout and staff work together, including the product and stock rules that a visual storefront alone cannot explain.

Content the team can keep current

The Firebase-backed CMS covers homepage sections, salon and about content, products, categories and media. Staff can manage product variants and stock quantities alongside the images and copy customers see.

The media workflow includes a reusable library, conversion of HEIC and HEIF uploads, and resizing or compression for large photographs. That matters for a salon whose next useful website update may start as a photo on someone's phone.

The same identity on a smaller screen

The mobile homepage reframes the portrait and stacks the wordmark while keeping Book now within reach. Further down, the story and product sections become a single reading column. The shop uses a compact menu and a catalogue suited to a narrow screen.

Search foundations in the build

The implementation includes editable page titles and descriptions, canonical URLs, social sharing metadata, product structured data and a sitemap containing public products and published content pages. The salon pages also give visitors a clear location and service context.

These foundations support a site that can be understood and maintained. Search visibility, bookings and sales need their own measurement; this case study makes no claim of an attributed increase.

Planning a salon website of your own

Bring your brand imagery, service list, current booking provider and product catalogue. Together we can decide which content your team should edit, how stock will be managed and where customers move from browsing to booking or buying.

For related beauty-sector work, explore Luxora Hair's ecommerce and customer apps and The Makeup Co's custom beauty storefront. You can also browse our portfolio or request a Discovery Session to scope your own website.