Volledig nieuwe website en webshop op een eigen design system voor nieuwe richting

Balanskliniek draaide op een thema dat in de loop der jaren uit losse stukken was opgebouwd. Elke nieuwe pagina betekende oude code repareren in plaats van iets bouwen. Wij hebben de hele website opnieuw opgezet op een eigen design system, van de homepage en het instituut tot de professionals en de complete webshop.

Uitdaging

De oude site bestond uit losse stukken met eigen stijlregels, scripts die op elke pagina meeliepen en webshoppagina’s vol verouderde koppelingen. Een nieuwe pagina toevoegen betekende steeds de oude opmaak overschrijven, en dat werd met elke stap trager en kwetsbaarder.

Balanskliniek: homepage van het opleidingsinstituut met de draaiende ringen

Balanskliniek: de website op mobiel, met homepage van het opleidingsinstituut met de draaiende ringen, weergegeven op mobiel

Oplossing

We hebben de website opnieuw gebouwd, met de oude en de nieuwe stijl tijdelijk naast elkaar zodat er onderweg nooit iets omviel. Van elke pagina maakten we eerst een wireframe ter goedkeuring, en pas daarna ging die pagina de website in, zodat vooraf duidelijk was wat er zou komen te staan. De basis is een eigen design system met vaste kleuren, maten en twee lettertypes die overal doorwerken. Daarbovenop staan nieuwe pagina’s voor home, instituut, expertise, lidmaatschap en zakelijk, de pagina’s van de professionals en de hele webshop. De zoekfunctie voor professionals is opnieuw gebouwd met een kaart en filters, met daarnaast een matcher die bezoekers naar de juiste professional leidt.

Balanskliniek: een opleidingspagina volgens de vastgelegde wireframe

Balanskliniek: het overzicht van de opleidingen

Resultaat

De nieuwe stijl staat live op alle kernpagina’s en op de complete webshop. De oude code laadt daar niet meer mee, waardoor de site sneller is en zich voorspelbaar gedraagt, ook op mobiel. Professionals zijn te vinden via de kaart en de matcher, en een pagina toevoegen is een herhaalbaar klusje geworden in plaats van een verbouwing. De laatste pagina’s worden stap voor stap meegenomen.

Willekeurige waardering

"Digidaad is top! Bram en Youp hebben een prachtige website voor Butterfly Effect gebouwd. Dankzij een helder ontwerpproces staat er nu een inspirerende website, die superhelder is qua layout en interface. Ook de achterkant is erg overzichtelijk, waardoor we het dagelijks onderhoud voor het overgrote deel zelf kunnen uitvoeren. Warm aanbevolen voor alle organisaties die op zoek zijn naar een mooie, professionele én gebruiksvriendelijke website, voor zowel bezoekers als medewerkers."