3D Nails & Spa

A US nail salon, booking straight into Square

  • Web

The salon in Gaithersburg, Maryland already ran everything on Square: bookings, payments, customer records. What it lacked was a website that looked worth the prices — and online bookings had to land in the same Square calendar the technicians already watch, with nobody re-typing them.

3D Nails & Spa
01

Design

People choose a nail salon from photos on their phone before they call, so the site borrows from fashion magazines: a serif display face (Suranna) against a light sans (Montserrat), a single gold on warm ivory, large rounded photos and generous white space. Gold is reserved for emphasis and the booking button, so the eye always knows where to tap.

02

Featured services

Featured services
Featured services come from the Square catalogue, with the same prices and durations as at the counter.
03

Lookbook

Lookbook
Sets done in the salon, laid out like a seasonal magazine spread.
A dark panel breaks the rhythm mid-page to talk about tool sterilisation — the question US customers ask most.
05

On a phone

06

Features

Booking through Square

Customers pick a service, a technician and a free slot; availability is asked of Square and the booking is created in Square.

A 77-service price list

Six categories, each item with price, duration and notes; edit in the back office and push to Square, or pull from Square.

Google reviews

Reviews are pulled from Google Maps and the owner picks which ones show; a QR code asks customers for a new one.

Social inbox

Facebook messages, Instagram comments and the salon's photo feed in one place in the back office.

A blog for local SEO

A rich-text editor with images; each post targets a search around Gaithersburg, Olney and Rockville.

Staff order and opening hours

Drag to reorder technicians on the booking page; opening hours edited on the site update Square too.

07

More pages

08

Back office

09

Stack and infrastructure

ApplicationNext.js 16, React 19, Tailwind CSS 4
DataPostgreSQL via Drizzle ORM
POS and bookingSquare API: bookings, catalog, customers, orders, payments
SocialMeta Graph API for Facebook and Instagram
Sign-inAuth.js with role-based access
EditorTipTap
NotificationsTelegram to the salon's group on new bookings and payments
ServersUbuntu, nginx, PM2, TLS