March Hare: kiezen door te klikken, niet door te raden

March Hare Food and Catering is een cateraar uit Amsterdam die zich helemaal richt op bedrijven. Ze draaien bedrijfsrestaurants voor organisaties van 40 tot 450 personen, en verzorgen daarnaast bedrijfsfeesten, sportdagen, banqueting, koffie- en theeservice en baristaservice onder de naam Mad Hatter Coffee Hospitality. Hun uitgangspunt: een bedrijfsrestaurant is meer dan een plek om te eten. Het is de plek waar collega's elkaar zien, even bijkomen en weer energie opdoen.

Het merk springt er meteen uit. Het logo is een haas in een theekop, losjes geïnspireerd op de Maartse Haas uit Alice in Wonderland, met de slogan "Down the Rabbit Hole of Flavor". En precies daar zat de uitdaging. Het merk is speels, maar de mensen die de website bezoeken zijn facilitair managers, HR-managers en directies. De nieuwe site moest dus net zo eigenzinnig zijn als het merk, zonder kinderachtig of als een themarestaurant over te komen.

Daarnaast had March Hare een paar heldere wensen. De site moest zakelijke klanten opleveren, duidelijk maken waaróm je voor March Hare kiest (en niet alleen wát ze doen), snel, veilig en goed vindbaar zijn, en vooral zonder gedoe te onderhouden zijn. Zelf aan een website sleutelen staat niet bovenaan hun lijstje, en dat hoeft ook niet.

Drie echte websites in plaats van drie plaatjes

Bij een nieuw ontwerp krijg je meestal een paar plaatjes te zien, en moet je je maar voorstellen hoe dat er straks op je telefoon uitziet. Bij March Hare hebben we het anders aangepakt. Op de eerste dag van het project stonden er drie complete, werkende ontwerprichtingen voor de nieuwe website online, elk met zes pagina's. Alle drie gebruikten precies dezelfde teksten en fotoplekken, zodat de keuze echt over de uitstraling ging en niet over de inhoud.

• Tafel: warm en verzorgd, als een goed gedekte tafel. Veel rust, warm ecru, grote koppen en ronde fotokaders.
• Hemel: fris en energiek, met hemelsblauw in grote, gebogen vlakken, als verwijzing naar de lucht in het logo.
• Konijnenhol: eigenzinnig en verhalend, gebouwd op de slogan. Cirkels en ronde uitsneden geven de pagina diepte, alsof je steeds een stukje verder naar binnen gaat. Wel subtiel uitgevoerd, zonder getekende konijnen of sprookjessfeer.

Een keuzepagina om in alle rust te vergelijken

Om het kiezen makkelijk te maken, hebben we er een speciale keuzepagina bij gebouwd. Daarop kon March Hare de drie ontwerpen in één oogopslag bekijken, dezelfde pagina van alle drie naast elkaar zetten (als computerscherm én als telefoonscherm) en hun keuze en opmerkingen meteen via een formulier aan ons doorgeven. Onder elk ontwerp stond bovendien een balk waarmee je direct naar dezelfde pagina in een ander ontwerp sprong.

Zo konden ze in hun eigen tempo vergelijken, op hun eigen telefoon, zonder dat daar een presentatie of afspraak voor nodig was. Niets hoefde je je voor te stellen: je klikte gewoon door drie echte websites heen.

Het beste van twee werelden

March Hare koos voor Konijnenhol, maar vond de opening van Tafel net wat mooier. Omdat alle drie de ontwerpen op dezelfde basis gebouwd zijn, was dat geen enkel probleem. De homepage opent nu rustig en warm, in de stijl van Tafel, en daarna neemt de eigenzinnige stijl van Konijnenhol het over. Je hoeft dus niet te kiezen tussen ontwerpen, je kiest wat het beste bij je past.

Wat er nu staat

De nieuwe website op www.mhcatering.nl bestaat uit een homepage, een pagina over het bedrijfsrestaurant, een overzicht van de zes diensten, de werkwijze, een contactpagina met een uitgebreid kennismakingsformulier en een pagina over privacy en cookies. Typt iemand een verkeerd adres in, dan wijst een vriendelijke foutpagina de weg terug.

Meer dan een broodje

Bij hun keuze gaf March Hare ook aan wat er nog miste. Hun belangrijkste verkoopargument: ze doen veel meer dan een broodje bij de lunch. Ze verzorgen ook ontbijt en warme maaltijden, en medewerkers kunnen zelfs een maaltijd mee naar huis nemen. Dat hebben we een prominente plek gegeven:

• "We stoppen niet bij de lunch": een nieuw onderdeel op de homepage met ontbijt, lunch, diner en meeneemmaaltijden. De meeneemmaaltijd valt extra op, omdat die echt onderscheidend is.
• 40 tot 450 personen: een opvallende balk, zodat een bezoeker meteen ziet of March Hare past bij de omvang van hun organisatie. Dat getal komt ook terug op de dienstenpagina, in de veelgestelde vragen en in het contactformulier.
• Koninklijke Horeca Nederland: het lidmaatschap staat als vertrouwenssignaal op de site, onderaan elke pagina en in de bedrijfsgegevens die Google leest.

Na de eerste versie kreeg ook het eigen team een centrale plek op de site, zodat bezoekers meteen zien wie ze straks aan de balie en in de keuken tegenkomen.

Een pad door de werkwijze

Een van de leukste onderdelen is het werkwijzepad. De zeven stappen, van de eerste kennismaking tot een draaiend bedrijfsrestaurant, slingeren als een pad over de pagina. Zo ziet een bezoeker in één keer hoe een samenwerking met March Hare verloopt.

Ook onder de motorkap goed geregeld

• Snel en veilig. Wat bezoekers zien, staat los van het beheer, en de site wordt geladen vanaf servers dicht bij de bezoeker. Dat maakt hem sneller én veiliger.
• Privacyvriendelijk. De lettertypes komen van onze eigen server en niet van Google, en formuliergegevens worden niet op de website opgeslagen. Een aanvraag gaat alleen per mail naar het juiste adres.
• Goed leesbaar voor iedereen. Kleuren en contrasten zijn gecontroleerd volgens de toegankelijkheidsrichtlijnen (WCAG, niveau AA). Daarom staat er op de caramelkleurige en hemelsblauwe knoppen donkere tekst in plaats van witte.
• Getest op elk scherm. Elke pagina is automatisch gecontroleerd op computer, tablet en telefoon.
• Klaar voor Google. Met een sitemap, nette paginatitels en -omschrijvingen, en bedrijfsgegevens in een vorm die Google direct begrijpt.
• Geen spam. Het contactformulier heeft een onzichtbare beveiliging tegen spamrobots.

Snel schakelen, ook na de oplevering

Van de start op 29 september tot een complete website duurde het ongeveer vijf à zes weken, met een vakantie van de klant ertussen. Ook daarna gaat het snel: toen de eerste ronde opmerkingen binnenkwam, stond alles nog dezelfde ochtend live, inclusief een volledige controle van de site. Elke wijziging komt eerst op een aparte testversie te staan, zodat de echte site daar niets van merkt.

En omdat March Hare zelf geen tijd aan de website wil besteden, nemen we het onderhoud volledig uit handen. Ze laten ons weten wat er anders moet, en wij zorgen dat het geregeld wordt.

Zelf bekijken?

Neem een kijkje op www.mhcatering.nl en loop zelf eens het werkwijzepad af.

Ook een website die net zo eigen is als je bedrijf, en waarbij je niet hoeft te raden hoe hij eruit komt te zien? Neem contact met ons op, dan denken we graag met je mee.