Website

Sorrel Leatherworks

A made-to-order leather bag site where every order goes through WhatsApp.

by roha HTML / CSS / JS Available

Adapted version includes your logo, colours, copy, photos, domain, and hosting for the first year.

Overview

01 — What it is

A one-page website for a fictional leather workshop in Yogyakarta that makes every bag to order and takes orders only through WhatsApp. The page has one job: help a customer arrive at that chat already knowing what they want.

The look is clean and modern. A white canvas, hide brown and tan accents, Inter throughout, and a dashed “stitch” line that runs through every section as the recurring motif.

02 — What’s inside

  • Hero with an arched product photo and a hang tag carrying the order details
  • Collection of six base models with price, size and lead time, each linking into the builder
  • Live bag builder: model, leather, thread, hardware, monogram and extras, drawn as an SVG preview that updates on every choice
  • Running price estimate and lead time, with one button that sends the full spec to WhatsApp
  • Order timeline from chat to delivery, leather guide with how each hide ages over three years
  • Workshop and maker section, customer notes, lifetime repair promise and FAQ
  • Floating WhatsApp button, with every call to action opening a prefilled chat
  • Fully responsive, mobile-first (320–1440px)

03 — Spec & details

  • Format: HTML / CSS / JS
  • Software: Any code editor or static host
  • Pages: 1 (single-page landing)
  • Language: English
  • License: Personal + Commercial

04 — Who it’s for

Makers and small brands that sell custom products through chat: leather goods, tailoring, furniture, jewellery or shoes. Models, materials and prices live in a few arrays in the script, so the builder adapts to a different product without touching the layout.