Vital Element

/ De uitdaging

Een studiobezoeker wil twee dingen makkelijk kunnen doen: begrijpen wat er wordt aangeboden, en meteen een les boeken. Een site die alleen informeert maar niet laat boeken, laat inschrijvingen liggen. En de studio wilde herkenbaar zijn als haar eigen merk, niet als een template.

/ Wat de site doet

Een heldere site met vier pagina's voor Ine Van Nimmen's health & movement studio in Temse: een homepage die nieuwsgierig maakt, en aparte pagina's voor de groepslessen (Vital Core, Vital Boost & Vital Power), 1-op-1 health coaching en het verhaal achter de studio. Lessen boek je rechtstreeks via het embedded momoyoga-rooster; vragen komen binnen via een contactformulier dat rechtstreeks mailt. Doel: vertrouwen wekken en lessen vullen.

/ Waarom deze aanpak

• Homepage als teaser, elke sectie wekt interesse en leidt met ‘Ontdek meer’ naar een dedicated pagina met de volledige info.
• Haar eigen merk, geen template, haar kleuren (lentegroen + warm rozebruin), logo en eigen woorden maken het herkenbaar als Vital Element.
• Live social proof, de Instagram-feed toont haar echte posts en blijft automatisch up-to-date.
• Boeken zonder drempel, het momoyoga-lesrooster zit in de site embedded: lessen boeken en beurtenkaarten kopen zonder de site te verlaten.

/ Hoe het gebouwd is

• Vier lichte HTML-pagina’s met één gedeelde stylesheet, geen build, geen frameworks. Fonts Fraunces + Outfit, volledig responsive.
• Designsysteem met CSS-variabelen voor het palet (lentegroen, diep loofgroen, rozebruin, saliegroen, crème) en afwisselend lichte en diepgroene banden voor ritme.
• Officiële Instagram-embeds met een nette fallback-tegel als een embed niet laadt.
• Contactformulier via fetch naar php/signup.php: server-side validatie + honeypot, daarna twee mails (notificatie rechtstreeks naar Ine & bevestiging naar de afzender) via een eigen socket-SMTP-mailer over cloudemail.be, geen externe dienst.
• Statische HTML + PHP op Apache (Nomeo), deploy via FTP.

/ Het resultaat

Vital Element heeft een herkenbare, eigen site waar bezoekers meteen een les kunnen boeken via het ingebouwde rooster. De studio hoeft niets handmatig bij te houden: het rooster en de social feed blijven vanzelf actueel.