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

Visit live project Explore the details

Client / Project: Studio Pramen (concept)
Focus: Website / Concept & copy (sr)
Location: Doboj, Bosnia and Herzegovina

Project overview

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

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.

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.

Studio Pramen — design detail 1 — 01 / Studio Pramen

Studio Pramen — design detail 2 — 02 / Studio Pramen

Case study

Hair that tells your story.

Client: Studio Pramen (concept)
Location: Doboj, Bosnia and Herzegovina
Website: Visit live site

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.

Trust and performance signals

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.

The thinking behind the work

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.

How it works

A clear process from the first step to the result.

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

The visual system behind the project.

Brand system

Deliverables

What was included in the build.

Website

Concept & copy (sr)

UX/UI Design

GSAP motion

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