Studio Pramen

A playful hair-salon website for Doboj where illustrated strands change colour as you scroll.

WebsiteConcept & copy (sr)UX/UI DesignGSAP motionBooking flow

Live-Projekt ansehen Details ansehen

Kunde / Projekt: Studio Pramen (concept)
Fokus: Website / Concept & copy (sr)
Standort: Doboj, Bosnia and Herzegovina

Projektüberblick

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

Studio Pramen is a concept website for a women's and men's hair salon in Doboj. Its signature section is a set of illustrated hair strands that morph through five shades (golden blonde, sand beige, copper, chestnut and black) as you scroll, each paired with a real photo. Services, a before and after slider, the team, a price list on request, an inspiration gallery and a short booking form 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.

Studio Pramen — Designdetail 1 — 01 / Studio Pramen

Studio Pramen — Designdetail 2 — 02 / Studio Pramen

Case Study

Hair that tells your story.

Kunde: Studio Pramen (concept)
Standort: Doboj, Bosnia and Herzegovina
Website: Live-Website ansehen

Hair colour is the hardest thing to explain in words. The concept lets visitors see shades change on scroll and compare before and after, then book with the stylist they prefer.

Vertrauen und Performance

Shades

Strands morph from golden blonde to black, each with its own photo.

Services

Cuts, blow-dry, colour, highlights and balayage, keratin, occasion styles.

Desktop Lighthouse

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

Die Überlegungen hinter dem Projekt

The brief

Show colour, not just describe it.

The salon's clients choose by shade and by stylist. The page puts both up front: a scroll-driven colour palette and a team section where you can book with Maja, Ana, Luka or Sara.

Design direction

Syne, copper and linen.

Syne's wide, characterful letterforms carry the headlines, DM Sans the text. Linen backgrounds, copper accents and espresso sections feel warm and fashionable.

SVG strands that change colour and shape on scroll.
Stacking service cards with photos and durations.
Draggable before and after slider and an inspiration gallery.

Booking

Service, time, stylist.

A short three-step form prepares a WhatsApp or Viber message. Prices stay 'on request' because they depend on hair length and condition, and the page explains why.

So funktioniert es

Ein klarer Prozess vom ersten Schritt bis zum Ergebnis.

01
Concept
Build the page around colour and the people behind the chair.
02
Illustration
Draw strands that morph between five shades.
03
Motion
Scroll morph, stacking cards and before / after slider.
04
Booking
Three-step WhatsApp / Viber request.

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

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