The home page
The services
Booking
- Accessibility
- 89
- Best practices
- 100
- SEO
- 100
- Page weight
- 4174 KB
- Built with
- Next.js 15, React 19, Tailwind CSS 4, Motion, Lenis
Measured with Lighthouse on a phone profile, on November 11, 2026.
The brief
Naile by Diana had its work on Instagram and no website. The brief: show the treatments and their prices, and get a visitor from the first screen to a booking in one tap.
What we built
- A first screen that says what the salon is and keeps one button in reach: Book your visit.
- A look finder. A short quiz, about a minute long, that suggests a set of nails, shows its price and offers a button to book it.
- A services page with every treatment, its picture and its price in JD, in six groups.
- The salon's opening offer, shown on every price while it runs.
- A loyalty card, a gallery, and the salon's Google reviews with a link to the listing.
- The address, a map link and the phone number in one place.
- Booking buttons across the site that open the salon's booking page.
Two versions
The site has been built twice. The first version went live on October 10, 2026, with its own appointment form: a visitor chose a treatment, a day and a time, the server checked the request against the salon's opening hours, and the salon received it by email with a reference number.
On October 29, 2026, the current version replaced it, and booking moved to the booking service the salon now uses. That first form is why online booking is on our list of systems.
The design
Ivory, olive and copper, with a serif for the headings. The colors stay quiet so the nails are the loudest thing on every screen.
The build
- Next.js 15, React 19 and Tailwind CSS 4, with Motion for the animation and Lenis for the scroll, hosted on Vercel.
- The site opens only over a secure connection, and other sites cannot show it inside their own pages.
- The first version's booking form shipped with 18 automated tests, covering the opening hours, duplicate requests and the rate limit.
Open it
The site is live. Open it on your phone, the way the salon's clients do.
Want a site like this for your business? The websites page lists what you get and what it costs.