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

Live-Projekt ansehen Details ansehen

Kunde / Projekt: Koral (concept)
Fokus: Website / Concept & copy (sr)
Standort: Tuzla, Bosnia and Herzegovina

Projektüberblick

Ein fokussiertes Digitalprojekt für Klarheit, Vertrauen und Handlung.

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.

Ziel war es, das Angebot verständlicher zu machen, die Arbeit mit mehr Kontext zu zeigen und den Weg vom ersten Eindruck bis zu Kontakt, Anfrage, Buchung oder Kaufentscheidung zu vereinfachen.

Im Detail

Die Details hinter dem Erlebnis.

Jedes Bild öffnet sich als Vollbild-Vorschau.

Koral Nail Studio — Designdetail 1 — 01 / Koral Nail Studio

Koral Nail Studio — Designdetail 2 — 02 / Koral Nail Studio

Case Study

Nails that speak for you.

Kunde: Koral (concept)
Standort: Tuzla, Bosnia and Herzegovina
Website: Live-Website ansehen

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.

Vertrauen und Performance

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.

Die Überlegungen hinter dem Projekt

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.

So funktioniert es

Ein klarer Prozess vom ersten Schritt bis zum Ergebnis.

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

Das visuelle System hinter dem Projekt.

Brand system

Leistungen

Was im Projekt enthalten war.

Website

Concept & copy (sr)

UX/UI Design

GSAP motion

SVG illustration

Booking flow

Etwas Ähnliches bauen

Sie brauchen eine Website, Web-App oder ein Redesign mit dieser Klarheit?

Schicken Sie eine kurze Nachricht zu Ihrem Unternehmen, Markt, Ihrer aktuellen Website und Ihrem Ziel. Panic Digital hilft bei Struktur, Design, Entwicklung und SEO-Grundlage für den nächsten Schritt.

Panic Digital kontaktieren