Webdesign

Webdesign is bij ons geen losse stap maar een doorlopende lijn: van wireframe naar visueel ontwerp naar bouw in Webflow. Wat we ontwerpen, bouwen we ook. Daardoor ontwerpen we niets wat te duur wordt om te bouwen, en bouwen we niets wat er anders uitziet dan het ontwerp.

Wanneer je dit nodig hebt

Je hebt een huisstijl maar geen site die erbij past. Je huidige site is een template waar je bedrijf in gepropt is. Je wilt een ontwerp dat werkt op een telefoon en niet alleen op het scherm van de ontwerper. Of je hebt een ontwerp van een ander bureau dat niemand kan bouwen.

Waar we op letten

Structuur vóór stijl: wat staat waar en waarom, voordat er een kleur aan te pas komt. Leesbaarheid op elk formaat, van een brede monitor tot een oude telefoon. Beweging die iets vertelt, niet omdat het kan. En een ontwerpsysteem: knoppen, kaarten, koppen, afstanden en kleuren als herbruikbare onderdelen. Daarmee blijft de site consistent als jij later zelf pagina's toevoegt.

Hoe wij werken

In Figma, met jou erbij. Eerst de belangrijkste pagina's als wireframe, dan als visueel ontwerp, dan de rest als systeem. Je kijkt live mee en reageert in Figma zelf. Daarna bouwen we het in Webflow, met dezelfde onderdelen als in het ontwerp. Animatie ontwerpen we tegelijk met de pagina, niet achteraf.

Wat je krijgt

Ontwerpen voor desktop en mobiel, een stijlgids en de bronbestanden in Figma. Alles is van jou. Voor Bistrobar Beaune ontwierpen en bouwden we op deze manier een site waarin fotografie en beweging de sfeer van de locatie dragen.

Wat het kost en hoe lang het duurt

Ontwerp is meestal onderdeel van een websiteproject en zit in de vaste prijs daarvan. Los ontwerp, bijvoorbeeld voor een eigen developmentteam, kan ook en heeft een vaste prijs op basis van het aantal unieke pagina's. Twee rondes feedback zijn standaard.

Voor wie niet

Zoek je een logo of een complete huisstijl, dan doen we dat niet zelf. Daar hebben we partners voor. Wij vertalen een huisstijl naar het scherm. En heb je al een ontwerp in Figma, dan kunnen we dat ook alleen bouwen.

Verder lezen

De stappen: wireframe ontwerp en visueel ontwerp. Beweging: animatie en interactie. De bouw: Webflow ontwikkeling.