Van design naar website in 7 stappen
Van design naar website in 7 stappen
Ben je benieuwd hoe we een design omzetten naar een performante website? In dit artikel lees je er alles over. Want of je nu zelf het design bezorgt of het ontwerp aan ons toevertrouwt, we gaan keer op keer voor een eindresultaat dat er staat!
Ben je benieuwd hoe we een design omzetten naar een performante website? In dit artikel lees je er alles over. Want of je nu zelf het design bezorgt of het ontwerp aan ons toevertrouwt, we gaan keer op keer voor een eindresultaat dat er staat!
1) Componenten bepalen
Adobe XD en Figma zijn de meest gebruikte ontwerptools. Van hieruit analyseren we het ontwerp en checken we de herbruikbaarheid van verschillende designelementen. Al deze info verzamelen we in een componentenmodel. ‘TextLeft’, ‘TextRight’, ‘Galery’, … de componentnamen klinken je misschien wel bekend in de oren.
2) CMS opzetten
De verschillende componenten zijn de basis voor de backend developers om het CMS op te zetten. Ze maken de componenten aan en maken de bijhorende velden aan.
3) Frontend files opmaken
De backend developers creëren de bijhorende frontend files. Zo kan de data opgehaald worden uit de backend en functioneert de frontend perfect.
4) Design omzetten naar HTML/CSS
Nu zijn de frontend developers aanzet. Zij slicen alle componenten om het design om te zetten naar HTML/CSS. Door de goede voorbereiding in de backend gaat dit heel vlot.
5) Mobile first ontwerpen
We vertrekken altijd vanuit de responsieve website. Eerst werken we aan de mobiele versie, daarna komen de tablet- en desktopversie aan bod. Zo ziet de website er goed uit op elk scherm. Tailwind is onze favoriete tool om dat te doen, maar uiteraard is het geen verplichting.
6) Stagingwebsite maken
Tijd om de website in actie te zien. We creëren een stagingwebsite waarop jij je feedback kan geven via Ruttl. Met deze eenvoudige online toepassing voeg je heel makkelijk comments toe.
7) White label opleveren
Staat alles op punt? Dan leveren we de website op. We werken altijd white label. Onze naam staat dus nergens vermeld en jij hebt het volledige eigendomsrecht over de website.
In elk project doorlopen we deze 7 stappen. Zo kunnen we altijd het beste resultaat garanderen. Wil je samenwerken voor jouw volgend webproject?We zijn benieuwd naar je plannen!