samen een succesverhaal maken?
samen een succesverhaal maken?
Zijerveld (dochteronderneming van FrieslandCampina) zocht een nieuwe partner voor de herontwikkeling van hét online kaas platform van Nederland: Kaas.nl. Na een aanbestedingsronde onder meerdere agencies is de keuze hierbij gevallen op MBU! We konden aan de slag met het designen en bouwen van de nieuwe website!
De website was op dat moment verouderd en oogde erg rommelig en grauw. Daarnaast was het gebouwd op een closed source CMS. Hierdoor was de content moeilijk zelf te beheren en was de backend niet gebruiksvriendelijk ingericht. Zijerveld wilde een nieuw en fris design en een backend waarbij het beheren van content een ‘fluitje van een cent’ zou zijn.
Omdat het merendeel (70%) van de bezoekers via mobiel binnenkwam, en dit ook stevig toenam, zijn wij de website mobile first gaan ontwerpen. Om dit vervolgens verder uit te werken voor iPad Portrait, iPad Landscape, Laptop en Desktop.
We zijn begonnen met het logo en hebben dit vervolgens uitgewerkt tot een fris nieuw webdesign dat in het teken staat van de ultieme kaasbeleving: vol visualisatie, overzicht en dynamiek. De gebruiker moet worden geïnformeerd en geïnspireerd over de wereld van kaas én op basis van het design ook nog eens worden geïmponeerd.
Scroll gerust even heen en weer in onderstaande voorbeelden!
Op kaas.nl stonden honderden kazen, recepten, kaasplankjes en kaascreaties. Daarnaast was er ook nog een blog. Er bestond dus al een grote database met content. Dit mocht niet verloren gaan. Wij hebben deze complete database gemigreerd in de nieuwe backend, onder de bijbehorende custom post types. Vervolgens hebben we een schone url-structuur opgebouwd en vanuit deze structuur een redirectplan doorgevoerd om de opgebouwde waarde in Google te behouden.
Een goede zoekfunctie is een must have voor deze database. Daarom hebben we een custom zoekmachine gebouwd die super snel kan zoeken in alle verschillende groepen. Zodra je typt in de zoekbalk worden, door middel van autocomplete, direct de meest relevante items getoond. In deze resultaten kan je eenvoudig tussen de verschillende productgroepen switchen. Dat is wel zo makkelijk.
Eén van de problemen van Kaas.nl was dat de backend niet gebruiksvriendelijk was, en dat zij voor elke basis aanpassing al een ticket moesten inschieten. Wij hebben een gebruiksvriendelijke backend ingericht op basis van WordPress. Hierdoor is het beheren van productpagina’s, receptpagina’s, blogpagina’s, etc. nu een fluitje van een cent geworden.
Wij maken geen gebruik van templates. Ook gebruiken wij altijd zo min mogelijk plugins. Hierdoor houden wij onze bewegingsvrijheid en creëren we unieke en schone code. Waardoor problemen in de toekomst met updates geminimaliseerd worden. Zo hebben wij ook de website van Kaas.nl opgebouwd. Wat heeft geresulteerd in deze prachtige website.