De oude website van Zotte Lotte functioneerde niet goed meer vanwege een WordPress thema dat niet meer werd onderhouden door de maker. Hierdoor kon deze niet meer kon worden geüpdatet. Dit ging een poos goed, totdat de php versie op de server te oud werd, en deze moest worden geüpdatet. Door een te groot verschil in code taal viel de site om bij een te hoge php versie. Het was tijd voor een grondige vernieuwing, waarbij de “Zotte Lotte stijl” natuurlijk als leidraad diende.
Template websites zijn vaak saai om te zien. Het was voor mij als webdesigner in Tilburg dan ook de uitdaging om de unieke sfeer die Maaike (want zo heet ‘Lotte’ in het echt) te vertalen naar een digitaal platform waar de vonken vanaf springen. De website wilde ik daarom echt iets extra’s geven en dat is denk ik goed gelukt.
Het resultaat is een duidelijke, maar speelse website die direct bij binnenkomst een glimlach op je gezicht tovert. Althans, bij mij en diverse klanten wel. Omdat een een statisch plaatje natuurlijk niet ‘zot’ genoeg is heb ik gebruik gemaakt van moderne technieken. Door een combinatie van een goede achtergrondfoto, en CSS-animaties heb ik iets gemaakt dat echt iets doet met de bezoeker.
Met diverse bewegende .svg elementen als voor of achtergrond. Zoals de slingersliertjes op de homepage waarbij het lijkt alsof Maaike in een oneindige sliertjes regen staat. Ook de ballonnetjes onderaan elke pagina in het call to action veld, met een tekening van Zotte Lotte die op scroll komt ‘aanwaaien’.
Deze leuke effecten zorgen ervoor dat de bezoeker direct in de juiste feeststemming komt, terwijl de achterliggende structuur betrouwbaar en snel blijft. Het is een goed voorbeeld hoe eenvoudige visuele gekte en solide development hand in hand kunnen gaan. Met deze vernieuwde site is Zotte Lotte in Hilvarenbeek weer helemaal klaar voor de toekomst!
Met de Zotte Lotte Shop hebben we de site uitgebreid voor het verkopen van kaartjes, bijvoorbeeld voor het jaarlijkse sinterklaasfeest in Hilvarenbeek. Naast de kaartjes kun je ook leuke Zotte Lotte merchandise kopen.
