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

Pogledaj sajt uživo Pogledaj detalje

Klijent / Projekat: Studio Pramen (concept)
Fokus: Website / Concept & copy (sr)
Lokacija: Doboj, Bosnia and Herzegovina

Pregled projekta

Fokusiran digitalni projekat za jasnoću, povjerenje i akciju.

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.

Cilj je bio da ponuda bude lakša za razumjeti, da radovi dobiju jači kontekst i da put od prvog utiska do kontakta, upita, rezervacije ili kupovine bude jednostavniji.

Izbliza

Detalji iza cijelog iskustva.

Otvorite bilo koju sliku za pregled preko cijelog ekrana.

Studio Pramen — detalj dizajna 1 — 01 / Studio Pramen

Studio Pramen — detalj dizajna 2 — 02 / Studio Pramen

Case study

Hair that tells your story.

Klijent: Studio Pramen (concept)
Lokacija: Doboj, Bosnia and Herzegovina
Sajt: Pogledaj sajt uživo

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.

Povjerenje i performanse

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.

Razmišljanje iza projekta

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.

Kako radi

Jasan proces od prvog koraka do rezultata.

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.

Dizajn materijali

Vizuelni sistem iza projekta.

Brand system

Šta je urađeno

Šta je sve ušlo u projekat.

Website

Concept & copy (sr)

UX/UI Design

GSAP motion

Booking flow

Napravimo nešto slično

Treba vam sajt, web aplikacija ili redizajn ovako jasan?

Pošaljite kratku poruku o vašem poslu, tržištu, trenutnom sajtu i cilju. Panic Digital pomaže da se definišu struktura, dizajn, razvoj i SEO osnova za sljedeći korak.

Kontaktirajte Panic Digital