03 — Visual Design

Design datblijft hangen.

Je merk verdient meer dan een template. We ontwerpen interfaces met een eigen gezicht — met oog voor typografie, ritme en beweging — en leggen alles vast in een design system dat meegroeit.

1herkenbare visuele taal
∞schaalbare componenten
−50%snellere nieuwe pagina's

Concreet en
tastbaar.

01

Art direction

Een visuele richting met moodboards en stijlverkenningen die je merk versterkt.

02

UI design

Pixel-perfect ontwerpen voor alle templates, op desktop, tablet en mobiel.

03

Design system

Kleuren, typografie, spacing en componenten — in Figma én in je Webflow- of Framer-build.

04

Motion design

Een motion-concept met easings, timings en interacties die je merk laten voelen.

05

Illustratie & graphics

Iconen, gradients en graphics in lijn met je identiteit.

06

Design QA

We bewaken dat wat ontworpen is, ook exact zo gebouwd wordt.

AI-versneld

We zetten AI in voor snelle stijlverkenningen en beeldvarianten. Het uiteindelijke ontwerp is altijd met de hand gemaakt en afgestemd op je merk.

Hoe we AI inzetten →

Zo bouwen we
momentum.

01

Ontdekken

We duiken in je merk, je markt en je gebruikers. Workshops, data en interviews leggen het fundament.

AIAI analyseert concurrenten, reviews en zoekdata in uren in plaats van dagen.

Week 1
02

Strategie

Positionering, contentstrategie en sitemap. Eén scherp plan met doelen waar we op sturen.

AIZoekwoordclusters en contentgaten worden automatisch in kaart gebracht.

Week 1–2
03

UX & Design

Van wireframe naar high-fidelity design en een schaalbaar design system — inclusief motion-concept.

AISnellere variantverkenning en eerste copy-drafts, zodat we vaker kunnen itereren.

Week 2–4
04

Development

Pixel-perfect bouw in Webflow of Framer. CMS, animaties, integraties en een vlekkeloze performance.

AIAI-ondersteunde code, automatische QA-, toegankelijkheids- en SEO-checks.

Week 4–6
05

Launch & groei

Live gaan is het begin. We meten, testen en optimaliseren — en trainen je team om zelf door te bouwen.

AIMeta-teksten, alt-teksten en vertalingen op schaal; inzichten uit data sneller boven water.

Doorlopend

Over visual design.

Ontwerpen jullie in Figma?

Ja, we ontwerpen in Figma. Voor motion-rijke projecten prototypen we soms direct in Framer.

Kunnen jullie werken met onze bestaande huisstijl?

Absoluut. We vertalen je huisstijl naar digitaal en vullen aan waar nodig, zoals UI-kleuren en states.

Hoeveel revisierondes zijn inbegrepen?

Standaard twee rondes per fase. Door de strategiefase vooraf zijn er zelden meer nodig.

Het complete plaatje.

Beschikbaar voor nieuwe projecten

Klaar voor eenbolder tomorrow?

Vertel ons over je ambitie. Binnen 24 uur hoor je van ons — met eerlijk advies, ook als we niet de beste match zijn.

Start een
project
hallo@codora.nlOf plan een vrijblijvende kennismaking van 30 minuten.