Back to work Website · Brand & Front-End

Adelaide Designs

My own nail-artistry brand: Art Nouveau direction, photography, and a React front end with a filterable gallery.

Role Solo: brand, photography, design, front end
Built with React, Vite, HTML/CSS
Context Personal: my own nail-artistry brand
Timeline December 2025
01

The brief

Adelaide Designs is my own nail-artistry brand. I do the nails, took the photographs, and built the site.

The brief called for Art Nouveau: flowing line, botanical detail, warm cream. The ornament is kept to framing (arches and line work around the photographs) so the work stays the focus. Fifteen sets in the gallery.

Inside the build

A scroll through the live site

Hover the markers to see the interactions and experience choices at work.

adelaidedesigns.vercel.app Hover the markers
A full top-to-bottom scroll of the Adelaide Designs nail website
02

The build

  1. The gallery filters by service tier

    The filters are the menu items: basic colour, floral, designs. These are the tiers the work is priced in, so filtering by style also filters by price. The gallery and the price list stay in sync because they use the same categories.

  2. React and Vite, for the gallery

    A brochure site doesn't usually need a framework. This one has a filterable gallery that re-sorts without a page reload. That's the only stateful part of the site, and the part visitors spend the most time on.

  3. Booking stays reachable from anywhere

    The nav is pinned as you scroll, and the enquiry form is a single screen that sends to email. Nobody has to go looking for the way to book.

03

Outcome

One client has booked through the site so far.

Deploying to adelaidedesigns.vercel.app. Update the URL in the mock browser bar above once it is live, and link it.