Een yogastudio online: rustig, warm en makkelijk te boeken.
Voor All Inn Yoga in Leiden ontwierp ik vanuit JC-P Design het logo en de website, van homepage en lesrooster tot de over- en contactpagina, en bouwde ik de site ook. Het doel: de rust van de studio voelbaar maken, en bezoekers snel naar een proefles leiden.
Een kleine studio die rust wil uitstralen, en tegelijk lessen moet vullen.
Een warm logo als basis, en elke pagina gericht op één vervolgstap.
Een samenhangend merk en webdesign, met een rooster dat in één oogopslag leest.
Rust uitstralen, en toch laten boeken.
All Inn Yoga is een yogastudio in Leiden. De website moest de rust van de studio uitstralen, maar ook praktisch zijn: welke lessen zijn er, wanneer, en hoe meld ik me aan?
Ik ontwierp eerst het logo: een yogi in een krijgershouding onder één lijn die zowel een dak als een berg is. Een huis waar iedereen welkom is. Die warme bruintint en de zwart-witfotografie werden de basis voor de hele site.
De studio is inmiddels gestopt en de website is offline. Daarom laat ik hier vooral de originele ontwerpen zien. Hoe de gebouwde site eruitzag, met echte content, zie je verderop.
Van eerste indruk naar proefles.
Klik op een onderdeel om in de pagina naar die sectie te gaan.
Homepage
Webdesign · yogastudioEen rooster dat je in één oogopslag leest.
Het lesrooster is de pagina die leden het vaakst bezoeken. Ik ontwierp het als een weekkalender met filters per yogastijl, met bij elke les de intensiteit. De prijzen staan direct eronder, zodat de volgende vraag meteen beantwoord is.
- R-01Filter op stijlYin, Hatha, Ashtanga of Power: met één klik zie je alleen de lessen die bij je passen.
- R-02Intensiteit per lesPlusjes laten zien hoe zwaar een les is. Beginners vinden zo makkelijk hun instap.
- R-03Prijzen onder het roosterWie een les heeft gekozen, wil weten wat het kost. Het antwoord staat direct eronder.
Van ontwerp naar werkende website.
Het ontwerp bouwde ik zelf uit tot een werkende website. Daarbij kwamen er pagina's bij die in de eerste ontwerpen nog niet zaten, en kreeg alles echte content: docenten, prijzen en lessen.
- L-01Een profiel per docentFoto, stijl, contact en een persoonlijke biografie, met een directe link naar de lessen van die docent. Bij yoga kies je ook voor de persoon. (Naam en gezicht zijn hier vervaagd.)
- L-02Pricing & PlansLosse lessen, rittenkaarten en lidmaatschappen naast elkaar. Het basislidmaatschap en het jaarlidmaatschap springen eruit in de bruine huiskleur, zodat de keuze die de studio het liefst ziet het meest opvalt.
- L-03Lessen zoeken en filterenFilter op niveau, stijl en docent, en vink de dagen aan die je uitkomen. De zoekfunctie meldt direct hoeveel lessen er passen.
Rustig in beeld, helder in gebruik.
Eén warme accentkleur
De bruintint uit het logo markeert koppen, knoppen en het rooster.
Zwart-wit fotografie
Houdingen en lijnen komen het best uit zonder afleidende kleur.
Elke pagina een vervolgstap
Proefles, rooster, lidmaatschap: er is altijd een duidelijke volgende actie.
Wat ik meeneem
Bij een kleine studio verkoopt de sfeer, maar het rooster houdt leden vast. Een goed ontwerp doet allebei.
Wat ik anders zou doen
Het rooster mobiel-first uitwerken als lijst per dag, omdat leden het vooral op hun telefoon bekijken.
Een merk dat rust én resultaat geeft?
Van logo tot webdesign: ik ontwerp merken die mensen aanspreken en ze naar de volgende stap leiden.