Wat Is Mobile First Webdesign

Wie zoekt op wat is mobile first webdesign heeft meestal net zijn eigen site op zijn telefoon bekeken en schrok een beetje. Op de laptop klopt alles, maar op een klein scherm schuift de tekst weg, staat de knop half buiten beeld en duurt het laden te lang. Dat is geen schoonheidsfoutje. Het overgrote deel van je bezoekers komt via mobiel binnen, dus dat scherm bepaalt de eerste indruk van jouw bedrijf. Mobile first webdesign draait die volgorde om: het ontwerp begint bij de telefoon en groeit daarna mee naar tablet en desktop. Je kiest dus eerst wat echt belangrijk is en pas daarna wat er extra bij mag. Wij werken vanuit het Westland zo voor ondernemers in heel Nederland, met een klein team en zonder tussenlagen. Op deze pagina lees je wat die aanpak concreet betekent voor jouw pagina's, hoe de samenwerking loopt en wat er gebeurt als je meteen ook je huisstijl wilt vernieuwen.

Wat mobile first webdesign bij ons concreet inhoudt

Mobile first begint bij keuzes maken. Op een telefoon past maar een handvol elementen boven de vouw, dus wij bepalen samen met je wat daar staat: je belofte in een zin, een duidelijke knop en een reden om verder te lezen. Pas daarna vullen wij de rest van de pagina aan. Concreet leveren wij een homepage die in drie tellen duidelijk maakt wat je doet en voor wie, aparte pagina's per dienst zodat elke dienst zijn eigen plek in Google krijgt, een overzicht van projecten of referenties, een overpagina met de mensen achter het bedrijf en een contactpagina met formulier, telefoonnummer en route.

Op mobiel krijgt elk van die pagina's een eigen indeling, geen ingekrompen versie van de desktop. Het menu klapt netjes uit met de knop waar je duim vanzelf terechtkomt. Zoeken naar een klein kruisje om het menu te sluiten hoeft niet. Formulieren houden wij kort, met velden die het juiste toetsenbord openen, want een lang formulier op een klein scherm vult niemand in.

Foto's leveren wij in meerdere formaten aan, zodat een telefoon niet de zware desktopversie hoeft te laden. Belknoppen en WhatsApp-links zetten wij binnen bereik voor wie snel contact wil. Ook de teksten passen wij aan: kortere alinea's, tussenkoppen en zinnen die op een smal scherm leesbaar blijven. En als je later een dienst toevoegt, staat de opbouw er al klaar voor.

Dat is het verschil tussen een site die toevallig ook op mobiel werkt en een site die voor mobiel is bedacht.

Korte lijnen: je werkt direct met de mensen achter je webdesign

Bij ons zit niemand tussen jou en het werk. Je spreekt Lars, Jonathan, Mart, Jamie of Thijs, en dat zijn ook de mensen die het ontwerp maken, de code schrijven en de zoekwoorden uitzoeken. Met een team van vijf hoeft een vraag niet langs drie schijven voordat er iemand antwoordt. Dat scheelt tijd, en het scheelt vooral ruis.

Wat jij zegt komt onverdund terecht bij degene die het uitvoert. Dat merk je vooral bij een mobile first traject, waarin veel kleine beslissingen snel gemaakt moeten zijn. In de praktijk werkt dat zo: je stuurt een appje of een mail met een opmerking over een pagina, wij pakken hem op en je ziet de aanpassing terug. Op een aanvraag reageren wij binnen vierentwintig uur, en tijdens een lopend project meestal sneller.

Afspraken leggen wij vooraf vast, zodat je weet wat er in het project zit en wat erbuiten valt. Verandert er iets in de opzet, dan zeggen wij dat meteen in plaats van het aan het eind op te voeren. Meerdere klanten noemen precies dat als reden om bij ons te blijven: snelle reacties, bereikbaarheid en geduld als er nog een ronde aanpassingen nodig is. Wij vinden dat laatste normaal, want zelden klopt een ontwerp in een keer helemaal.

Een ronde extra is beter dan een site waar je later spijt van hebt. Vragen stellen hoort er ook bij. Wij willen weten wie jouw ideale klant is en wat die persoon op zijn telefoon zoekt, anders ontwerpen wij in het luchtledige.

Rebranding en verhuizing: mobile first als vertrekpunt

Soms valt het besluit om de site te vernieuwen samen met een grotere verandering. Je logo is toe aan een opfrisbeurt, de kleuren dateren uit een andere fase van je bedrijf, of je site staat nog in een systeem waar je niet meer bij kunt. Dat is precies het moment om mobile first als vertrekpunt te nemen. Een nieuw logo ontwerpen wij zo dat het ook leesbaar blijft in een klein blokje bovenin een telefoonscherm.

Kleuren kiezen wij op contrast, want een lichtgrijze tekst die op een monitor nog net kan, valt buiten in de zon helemaal weg. Bij een huisstijl leggen wij vast welke lettergroottes, knoppen en afstanden op mobiel gelden, zodat je later niets hoeft te gokken. Die keuzes zetten wij op papier, zodat een nieuwe folder of advertentie later net zo oogt als de site. Zit je site nu vast in een verouderd systeem, dan zetten wij hem over naar WordPress.

Je bestaande teksten, foto's en webadressen nemen wij daarbij mee, zodat de pagina's die al gevonden werden niet ineens verdwijnen. Meerdere klanten kwamen om precies die reden bij ons: een rebranding met nieuw logo en nieuwe huisstijl, of een bestaande site die naar een nieuw systeem moest. Wat daarbij helpt is dat wij ontwerp, techniek en SEO in hetzelfde team houden. De vormgever hoeft niet te wachten op een extern bureau en de developer weet meteen waarom een knop groter moet.

Zo blijft een rebranding een verbetering en geen stap terug in vindbaarheid.

Van eerste schets tot livegang en de periode daarna

Wij starten met een gesprek waarin vooral wordt geluisterd. Wat verkoop je, aan wie, en wat moet een bezoeker op zijn telefoon doen voordat jij een aanvraag hebt. Daarna maken wij een schets van de belangrijkste schermen, klein formaat eerst. Je ziet dus meteen hoe de homepage op een telefoon oogt, niet pas nadat de desktopversie al af is.

Werkt de opbouw daar, dan werkt hij op een groter scherm bijna altijd ook. Die schets bespreken wij met je en passen wij aan tot de opbouw klopt. Pas dan gaat het ontwerp naar de bouw in WordPress, waar onze developer de pagina's opbouwt en de techniek inricht. Tussendoor kijk je mee op een testomgeving, op je eigen toestel, want een ontwerp beoordelen op een groot scherm zegt weinig over hoe het in je hand voelt.

Voor de livegang lopen wij een lijst af: laadtijd, formulieren, links, leesbaarheid en de instellingen die Google nodig heeft. Die controle doen wij op een echte telefoon en niet alleen in een simulatie op de laptop. Na de livegang blijven wij beschikbaar. Je krijgt uitleg over het CMS, zodat je zelf teksten kunt bijwerken, en wij kijken mee naar wat de eerste bezoekers doen.

Zien wij dat mensen op mobiel afhaken op een bepaalde pagina, dan passen wij die aan. Zulke aanpassingen horen bij het vak en houden een site scherp. DT Events en Verhuur noemt dat traject persoonlijk en gestructureerd, en zo bedoelen wij het ook. Je blijft betrokken, maar je hoeft het werk niet te doen.