Website / Beauty / Concept

Koral Nail Studio

A cheerful nail-studio website for Tuzla where a brush paints the nails on scroll and tapping a swatch repaints the hand.

WebsiteConcept & copy (sr)UX/UI DesignGSAP motionSVG illustrationBooking flow

Visit live project Explore the details

Client / Project: Koral (concept)
Focus: Website / Concept & copy (sr)
Location: Tuzla, Bosnia and Herzegovina

Project overview

A focused digital project built for clarity, trust and action.

Koral is a concept website for a nail studio in Tuzla. Fraunces italics, coral, lilac and bordeaux make it bright but tidy. In the signature section a brush paints five nails in five shades as you scroll; below it, tapping any of twelve swatches repaints the whole illustrated hand. Services, a gallery, six small care habits, an FAQ and booking follow.

The goal was to make the offer easier to understand, present the work with stronger context and create a smoother path from first impression to contact, inquiry, booking or product evaluation.

A closer look

The details behind the experience.

Open any image for a full-screen preview.

Koral Nail Studio — design detail 1 — 01 / Koral Nail Studio

Koral Nail Studio — design detail 2 — 02 / Koral Nail Studio

Case study

Nails that speak for you.

Client: Koral (concept)
Location: Tuzla, Bosnia and Herzegovina
Website: Visit live site

Choosing a colour is the fun part of a nail appointment. The concept brings that moment onto the website and sends the chosen shade straight into the booking message.

Trust and performance signals

Swatches

Tap a colour and the illustrated hand repaints, with the shade name and hex code.

Services

Manicure and gel polish, extensions, nail art, pedicure, hand care and lashes.

100

Desktop Lighthouse

89 on mobile. 100 for accessibility, best practices and SEO.

The thinking behind the work

The brief

Let visitors play with colour before they book.

Clients come with a shade in mind or want help choosing. The site lets them try colours on an illustrated hand and carry the choice into the booking.

Design direction

Fraunces, coral, lilac and bordeaux.

Fraunces with italic coral accents for headings, DM Sans for text. Soft shell backgrounds with coral, lilac and peach blocks for services.

Pinned 'five nails, five stories' section: a brush paints each nail in turn.
Swatch picker that repaints the whole hand and shows the shade code.
Stacking service cards with arched photos and a gallery.

Booking

Service, time and the colour you picked.

Three steps prepare a WhatsApp or Viber message. Six care tips and an FAQ answer what clients ask most.

How it works

A clear process from the first step to the result.

01
Concept
Make colour choice interactive.
02
Illustration
Draw the hand, nails and brush as SVG with colour variables.
03
Motion
Scroll-painted nails, swatch repaint and stacking cards.
04
Booking
Three-step request to WhatsApp or Viber.

Design assets

The visual system behind the project.

Brand system

Deliverables

What was included in the build.

Website

Concept & copy (sr)

UX/UI Design

GSAP motion

SVG illustration

Booking flow

Build something similar

Need a website, web app or redesign with this level of clarity?

Send a short message about your business, market, current site and goal. Panic Digital can help define the structure, design, development and SEO foundation for the next step.

Contact Panic Digital