Soap

Soap banner

2026

Frontend Developer

Soap heeft meerdere premium vestigingen in Nederland voor cosmetische en esthetische treatments. De website biedt verschillende behandelingen, variërend van injectables en skin therapy tot aan laser hair removal, facials en medical weight loss.

De twee bestaande websites zijn samengebracht in één nieuwe, luxe en gebruiksvriendelijke omgeving. Hierdoor ontstaat een consistente ervaring waarin behandelingen, advies en de aanvullende productshop naadloos op elkaar aansluiten, en gebruikers op een intuïtieve manier hun weg vinden binnen het volledige aanbod.

Five smartphones displaying beauty service advertisements, including manicures, laser treatment, fillers, and skin peels, on a black background.
01

Treatments

De treatment pagina's zijn ontwikkeld om gebruikers te helpen bij het maken van een weloverwogen keuze. Elke treatment heeft een eigen pagina met duidelijke informatie over het verloop van de behandeling, het verwachte resultaat en praktische details zoals de prijs en nazorg.

Tijdens de ontwikkeling is er ook veel aandacht besteed aan de werkwijze voor editors binnen Storyblok. We hebben hier informatie toegevoegd in tooltips waar nodig, en ook hebben we overzicht gebracht in verschillende informatieclusters. Dit zorgt voor consistentie in de opbouw en maakt het mogelijk om snel nieuwe behandelingen toe te voegen of bestaande content aan te passen, zonder in de lucht te hoeven komen bij een developer.

Close-up of a woman's face on a phone screen, with text about "Cell microneedling" and "SOAP" brand logo in the header.
Close-up of a woman's face with smooth skin. Text promotes "Cell microneedling" treatment, priced at €169, with a booking option.
02

Animaties & Visuals

Bij Soap is de spotlight gericht op de visuele indruk, met name de mooie fotografie. Er is daarom ook veel aandacht besteed aan het consistent en hoogwaardig presenteren van de afbeeldingen, met vaste aspect ratio’s en het gebruik van focal points zodat de belangrijkste delen, ongeacht het schermformaat, altijd goed zichtbaar blijven.

Daarnaast zijn er veel (subtiele) animaties toegevoegd die bijdragen aan een vloeiende en premium gebruikerservaring. Denk aan micro-interacties en zachte overgangen die de interface tot leven brengen, zonder af te leiden van de content. Samen zorgen deze elementen voor een consistente en luxe uitstraling die past bij het merk.

  • Website for a clinic offering injectable cosmetic treatments, featuring images of staff, procedures, and customers with radiant skin.
  • Close-up of a woman's face with text about biostimulation and skinboosters on a skincare website homepage.
03

Categorieën

Binnen Soap is er onderscheid gemaakt tussen informatieve categoriepagina’s en reguliere categoriepagina’s. De informatieve pagina fungeert als optionele bovenliggende laag, waarin extra context en uitleg kan worden gegeven over de categorieën.

De onderliggende categoriepagina’s zijn gericht op overzicht en conversie. Hier worden de beschikbare treatments binnen een categorie gepresenteerd in een speels grid, eventueel aangevuld met filters om het aanbod verder te verduidelijken.

04Meer projecten