Beautycare Mitra · hero-richtingen · 28 september 2026

Drie manieren om Mitra te openen

Nog niets gebouwd, alleen richting. Elk concept doet precies één ding, en de frames hieronder werken echt: kijken, scrollen, klikken. De opbouw komt telkens van een bestaande site die we goed vinden, de foto's zijn nog tijdelijk.

Mijn keuze

De lamellenwand als hero, met de zwevende muur van concept 2 voor de rest van de pagina. Het is het enige effect dat uit haar eigen kamer komt, en met drie foto's vertelt het in tien seconden waar het is, bij wie, en wat het oplevert.

Alternatief als ze het persoonlijker en zachter wil: de zwevende muur met video en haar naam als handtekening.

Waarom de vorige ronde niet werkte

  • Het was de standaard-look.Crème, een Didone-kop met één cursief gouden woord, een pilknop en een foto in een boog of ernaast. Dat maakt een AI-tool voor elke salon, en het had van iedereen kunnen zijn.
  • Het leunde op materiaal dat een hero niet kan dragen.Het takje en het BM-monogram uit haar flyer, en telefoonfoto's met een ringlamp en kabels in beeld. Haar eigen huisstijl is geen goed vertrekpunt.

Nieuwe regel: de fotografie draagt de hero, de opbouw komt van een bewezen referentie, en elk concept doet één ding.

Vorig concept met takje en boogfoto Vorig concept met grote kop over de behandelkamer Vorig concept met drie regels kop en maskerfoto
De vorige drie hero's, ter vergelijking.

De lamellenwand

De hero is haar eigen eiken wand. De latten draaien één voor één open en tonen drie foto's: de kamer, Mitra, en het werk.

Moeite laagRisico laagTechniek CSS 3D, geen libraryBeeld 3 foto's
Open los

Wacht drie seconden: eerst staat de wand stil, daarna draait hij elke vijf seconden verder. De streepjes rechtsonder springen direct naar een beeld.

Waarom dit werkt

Wie later bij haar binnenstapt, herkent de wand. Drie foto's vertellen het verhaal zonder één knop of kopje extra. De opbouw eromheen komt van VicoSkin en The Greenwich: een klein woordmerk in het midden, één zin linksonder, verder niets.

Risico: het staat of valt met drie goede foto's in dezelfde lichtval. Het frame gebruikt nog tijdelijk beeld, en de kamerfoto met ringlamp laat precies zien waarom dat niet genoeg is.

Referenties

VicoSkin homepageVicoSkin, LondenDun woordmerk gecentreerd boven beeldvullend beeld, menu links, boeken rechts. The Greenwich Hotel homepageThe Greenwich HotelEén serif-zin en een kleine tekstlink, geen knoppenrij. Codrops Slicebox demo halverwege een draaiCodrops SliceboxDe techniek: stroken als 3D-blokken die gestaffeld draaien. Klik op de pijl.

De zwevende muur

Onze signature. Een video van de kamer met haar naam als handtekening, en daaronder zweeft de hele site over één vaste kalkmuur waar het ochtendlicht door de jaloezieën op valt.

Moeite laagRisico laagTechniek vaste achtergrond + videoBeeld 1 video, 3 foto's
Open los

Scroll in het frame. De muur blijft staan en alles schuift eroverheen, de balk bovenin zakt in beeld en het licht op de muur schuift langzaam mee.

Waarom dit werkt

Het principe werkt al op mykim-nails. Bij Mitra komt het materiaal uit haar eigen kamer: de witte jaloezieën en het licht dat erdoor valt. De handtekening verwijst naar hoe ze elke review beantwoordt, met "Liefs, Mitra".

Risico: de hero is een video, en een matige video trekt alles omlaag. Het is ook het concept dat het meest op mykim lijkt; het verschil zit in de muur en de handtekening.

Referenties

MyKim Nails hero met video en woordmerkMyKim NailsOnze eigen site: videohero met het woordmerk groot in het midden. MyKim Nails, inhoud zweeft over marmerMyKim Nails, scherm 2Scroll één scherm: de inhoud zweeft over het vaste marmer, de pil-balk zakt in. The Beaumont homepageThe Beaumont, MayfairWarme, rustige video met een dunne witte balk en één opvallende knop.

Aandacht

Een gespleten scherm zoals bij Studio Ashby: links haar naam in reusachtige letters, rechts een foto met het woord dat klanten het vaakst over haar gebruiken. Bij scrollen schuift het vlak weg en vult de foto het scherm.

Moeite laagRisico middelTechniek scroll-animatieBeeld 1 sterke foto
Open los

Scroll in het frame: het donkere vlak schuift weg, de foto groeit tot volledig beeld en de uitleg bij het woord verschijnt.

Waarom dit werkt

Dit is het meest ontworpen concept: typografie als beeld, zoals bij Studio Ashby. Het woord komt uit haar reviews. Tjitske, Rosanne en een anonieme klant noemen alle drie haar aandacht, dus de hero is bewijs in plaats van een slogan.

Risico: een donker vlak met grote letters voelt strenger dan de andere twee. En het leunt op één foto die goed genoeg is om het hele scherm te vullen.

Referenties

Studio Ashby homepage met gestapelde lettersStudio AshbyDe opbouw: effen vlak met gestapelde kapitalen, rechts een foto met één groot woord. Codrops Telescope Zoom, klein beeld tussen woordenCodrops Telescope ZoomDe beweging: een kader groeit bij scrollen uit tot volledig beeld. Ouronyx homepage met portret in profielOuronyx, LondenHet beeld: een rustig portret in profiel op een poederkleurige wand.

De foto's maken het verschil

Alle drie de concepten hangen op beeld dat er nog niet is. Ik maak één set in dezelfde lichtval: ochtendzon door de jaloezieën, eiken, crème en zwart leer. Waar het kan als bewerking van haar echte kamer en portret, zodat klanten herkennen wat ze zien.

Volgende stap