Onze aanpak
Een interface wordt beoordeeld in gebruik, niet in de presentatie.
We ontwerpen vanuit echte content, echte gebruikers en echte randvoorwaarden, en testen voordat er iets wordt gebouwd, zodat het product zich gedraagt zoals het is ontworpen.
De drie pijlers van webdesign
- HelderheidMensen weten wat de volgende stap is
- ConsistentieEén systeem, geen losse schermen
- BouwbaarheidGespecificeerd voor development
Scope
Van onderzoek tot overdracht.
- 01OnderzoekInterviews met gebruikers en stakeholders, en een analyse van je analyticsdata.
- 02InformatiearchitectuurStructuur, navigatie en contenthiërarchie.
- 03User flows & wireframesDe belangrijkste routes, in kaart gebracht en uitgewerkt.
- 04PrototypingKlikbare prototypes van de belangrijkste routes.
- 05UsabilitytestsSessies met mensen uit je doelgroep, volgens ons gestructureerde testproces.
- 06InterfaceontwerpVisueel ontwerp voor elk breakpoint, van telefoon tot breedbeeld.
- 07DesignsystemenComponenten en tokens die design en code met elkaar delen.
- 08Overdracht & bouwbegeleidingGeannoteerde specificaties en designreview tijdens de ontwikkeling.
Standaarden
Niet onderhandelbaar, op elke interface.
De basis van elke interface die we ontwerpen. Elke standaard lost een probleem op dat we bij de meeste producten zien.
- Toegankelijk vanaf het eerste wireframeVanaf het begin ontworpen volgens WCAG 2.2 AA, niet pas aan het eind gecontroleerd.Lost opNiet voldoen aan de European Accessibility Act.
- Echte contentOntworpen met echte teksten en data, nooit met opvultekst.Lost opLayouts die breken zodra de echte content er is.
- Elke state ontworpenLeeg, laden, fout en randgevallen: alles gespecificeerd.Lost opDevelopers die moeten raden hoe het zich hoort te gedragen.
- Getest voordat het gebouwd wordtPrototypes getest met gebruikers voordat de ontwikkeling begint.Lost opKostbare wijzigingen na de lancering.
- Eén systeemComponenten en tokens in plaats van losse schermen.Lost opVisuele inconsistentie naarmate het product groeit.
- Gedeeld terwijl het ontstaatJe ziet het werk doorlopend en geeft bij elke stap akkoord.Lost opLate verrassingen en stakeholders die niet op één lijn zitten.
Startpunt
Drie ingangen,
afhankelijk van wat je al hebt.
- Tool die we gebruiken · Google Analytics
UX-audit
- Het beste voor
- Een live site of product met bekende frictie of afhakers.
- Minder geschikt voor
- Een propositie die opnieuw doordacht moet worden; dan past een redesign beter.
- Voorbeeld · Airbnb bouwde zijn app opnieuw op rond categorieën, 2022
Ontwerp of redesign
- Het beste voor
- Nieuwe producten, en structuren die niet meer passen bij hoe mensen ze gebruiken.
- Minder geschikt voor
- Snelle verbeteringen met een krappe planning; dan past een audit beter.
- Voorbeeld · Material Design, het open designsysteem van Google
Designsysteem
- Het beste voor
- Producten met meerdere teams of een groeiend aantal functies.
- Minder geschikt voor
- Eén kleine marketingsite.
Weet je niet waar je moet beginnen? We adviseren na een eerste gesprek.
Bespreek je projectProces
Een gestructureerd proces met heldere opleveringen.
Vijf stappen, elk met een oplevering die je kunt beoordelen en goedkeuren.
01Verkennen
We leren het product en zijn gebruikers kennen, en wat het moet bereiken.
OpleveringOnderzoeksresultaten
02Structureren
In wireframes brengen we in kaart wat waar komt en hoe mensen erdoorheen bewegen.
OpleveringSitemap, flows en wireframes
03Prototypen & testen
We maken de belangrijkste routes klikbaar en testen ze met echte gebruikers.
OpleveringTestresultaten, herzien prototype
04Ontwerpen
We ontwerpen de interface als herbruikbare componenten en testen opnieuw.
OpleveringUI-design en componentenbibliotheek
05Overdragen
We dragen over aan developers, die van ons of die van jou, en blijven betrokken tijdens de bouw.
OpleveringBouwklare specificaties
AI in onze werkwijze
Vormgegeven door mensen.
Ondersteund door AI.
Onze eigen AI-tools versnellen het voorwerk: het verwerken van onderzoek, layoutvarianten en vroege toegankelijkheidschecks. Elk inzicht is terug te voeren op onderzoek, en elke beslissing nemen onze designers.
- Synthese van onderzoek
- Layoutvarianten
- Geautomatiseerde toegankelijkheidschecks
- Designreview door een senior designer
Geselecteerde projecten
Veelgestelde vragen.
Onderzoek, structuur, interfaceontwerp, prototypes en het designsysteem zoals vastgelegd in de scope. Development is een aparte dienst: we bouwen het zelf of dragen het over aan je team.
Op basis van de scope: het aantal routes, templates en states, en de diepgang van onderzoek en tests. Na een eerste gesprek ontvang je een gedetailleerd voorstel.
Ja. We werken in je eigen tools en ritme, met je developers vanaf het begin betrokken.
Ja. We beginnen vaak met een audit en verbeteren wat werkt, in plaats van alles opnieuw te ontwerpen.
Via interviews en usabilitytests op prototypes, volgens ons gestructureerde testproces, waar mogelijk met deelnemers uit je eigen doelgroep.
Vanaf het eerste wireframe ontworpen volgens WCAG 2.2 AA: contrast, focusstijlen, toetsenbordnavigatie en leesbare typografie horen bij het ontwerp, niet bij een eindcontrole.
Geannoteerde ontwerpen voor elk breakpoint en elke state, de componentenbibliotheek met bijbehorende tokens, en een designer die tijdens de bouw beschikbaar is.
Ja. Ons webdevelopmentteam bouwt het, zodat design en code één systeem blijven.
Jij droomt het, wij bouwen het
Loop binnen met een idee, loop naar buiten met een website die jou en je bedrijf vooruithelpt.