Een vernieuwde Coachall.be

Eén van onze goede voornemens dit jaar was om onze eigen website in een nieuw, moderner jasje te steken. In dit technisch artikel kom je te weten hoe we de klus geklaard hebben.

Jesse Sampermans
Jesse Sampermans

Gepubliceerd in: Maatwerk · 1 min leestijd · 19 jan. 2025

An image render of the coachall.be website on an iPhone 15

Storyblok en Next.js

Onze nieuwe website is live! Net als de vorige is deze volledig ontwikkeld met React in het Next.js-framework. Dankzij deze keuze blijft onze website razendsnel, wat essentieel is voor zowel de Core Web Vitals als een optimale SEO. Daarnaast hebben we het kleurenschema grondig vernieuwd, met extra aandacht voor toegankelijkheid, zodat de site ook beter geschikt is voor mensen met een visuele beperking.

De grootste vernieuwing is echter de overstap naar Storyblok als CMS. Dit biedt ons team de mogelijkheid om op een intuïtieve manier pagina’s samen te stellen, zelfs zonder technische kennis van React. Met voorgedefinieerde componenten in de Coachall-huisstijl en een gebruiksvriendelijke drag-and-drop-interface, inclusief live previews, wordt het creëren en beheren van content eenvoudiger dan ooit.

Een landingspagina ontworpen in Storyblok
De keuze voor Storyblok zorgt er ook voor dat we, met het oog op expansie, onze website in de toekomst makkelijk kunnen vertalen en meteen het resultaat kunnen zien in de preview-modus.

Verticals, animatie en storytelling

Een van de grootste verbeteringen op onze nieuwe website is de extra aandacht voor de verticals waarin Coachall gespecialiseerd is. Elke sector heeft nu een eigen landingspagina, waar we de belangrijkste knelpunten belichten, onze referenties tonen, klantverhalen delen en onze oplossingen in de spotlight zetten.

Om deze verhalen op een aantrekkelijke en dynamische manier te presenteren, hebben we een motion-widget ontwikkeld voor onze homepage. Hierbij maken we gebruik van de krachtige motion.dev-bibliotheek, waarmee we soepele en responsieve animaties realiseren.

Widget-preview
Een voorbeeld van een van onze nieuwe motion widgetsDaarnaast springt onze scroller met klantlogo’s direct in het oog. Deze widget biedt een interactief moment dat bezoekers zowel op desktop als mobiel aanspreekt en hen uitnodigt om even stil te staan bij ons klantenportfolio.

Animation of a logo cloud
De logo's bewegen in tegenovergestelde richting als je scroltEn dat is nog maar het begin: doorheen de hele website vind je interactieve widgets die zorgen voor een verrassende en boeiende beleving. Het is aan jou om ze allemaal te ontdekken!

Benieuwd naar alle nieuwe features en verbeteringen? Neem verder een kijkje op onze website en ontdek zelf hoe we technologie en design combineren om jouw ervaring naar een hoger niveau te tillen.

Heb je vragen of wil je meer weten over wat Coachall voor jouw bedrijf kan betekenen? Neem contact op of plan een gesprek – we horen graag van je!

Jesse Sampermans

Geschreven door Jesse Sampermans

Lead developer bij Coachall

Jesse is lead developer en mede-oprichter bij Coachall. Als hij niet aan het coderen is kan je hem waarschijnlijk met een gitaar in zijn handen in zijn thuisstudio terugvinden.

Recente artikels

Recente artikels in categorie: Maatwerk