Naar de inhoud

UX-bureau voor webdesign en UI-design, van onderzoek tot realisatie

ASES is een UI/UX-designbureau. We ontwerpen websites, apps en software waarin uw klanten en uw team zonder handleiding hun weg vinden. Daarvoor beginnen we met de vraag wat uw gebruikers willen doen, en ontwerpen we daarna structuur, klikbaar prototype en de definitieve interface. Op verzoek bouwt ons eigen team het ontwerp ook.

Website of app laten ontwerpen: zo verloopt het

Kies waar uw website of app nu staat. De kaart toont uw volgende stap en wat u na elke fase in handen hebt.

Waar staat u?
  1. U bent hier

We plannen een nieuwe website of app

Uw eerste stap
We bepalen met u wie uw website of app gaat gebruiken en wat die mensen er willen doen. Daarop stemmen we pagina's, processen en vormgeving af.
Dit is genoeg om te starten
Een korte beschrijving van uw project en, als u die hebt, websites die u aanspreken, met één zin over wat u eraan bevalt.

01 Kennismakingsgesprek en doelen

Wij
We vragen u ons uit te leggen wat uw website of app voor uw bedrijf moet bereiken, en we bekijken wat er nu al is: pagina's, programma's en documenten.
U
U beschrijft doel en gebruikersgroepen en laat ons voorbeelden zien die u aanspreken.
Aan het eind
Een helder beeld van doelen, gebruikers en hun belangrijkste taken.

Wat uw ontwikkelteam krijgt en hoe het ontwerp code wordt, laat de sectie verderop zien. Van ontwerp naar code

Zo werken we in detail

UI/UX-design: wat we voor u ontwerpen

UX-design legt vast hoe uw gebruikers informatie vinden en hun taken afronden. UI-design geeft vorm aan de interface die ze daarbij zien en bedienen. Beide plannen we samen, voor website, webshop en software. Vaak grijpen meerdere onderwerpen in elkaar, bijvoorbeeld bij een redesign dat begint met een usabilitytest en eindigt met een designsysteem.

UX-onderzoek & usabilitytests

De behoeften van uw gebruikers begrijpen en interfaces toetsen met usabilitytests en prototypes.

  • UX-audit
  • Gebruikersinterviews
  • Usabilitytest
  • Klikbaar prototype

U krijgt een lijst van bevindingen, gesorteerd op belang en elk met een maatregel.

Webanalyse & conversieoptimalisatie
Meer lezen

We beginnen met wat er al is: analysegegevens, vragen die verkoop en klantenservice steeds opnieuw beantwoorden, en termen waarop bezoekers op uw website zoeken. Daarna praten we met mensen uit uw doelgroep over hun ervaringen en laten we ze typische taken uitvoeren in een klikbaar prototype. Waar ze aarzelen of afhaken, passen we het ontwerp aan. Een bestaande website of software bekijken we al kort in het kennismakingsgesprek; de uitgebreide beoordeling, de UX-audit, is dan de eerste fase van het project.

Past als u wilt weten waar bezoekers afhaken of waarom gebruikers steeds weer vragen stellen.

Webdesign

Websites die bezoekers naar hun doel leiden en werken op zowel smartphone als desktop.

  • Responsive webdesign
  • Bedrijfswebsite
  • Redesign

U krijgt ontwerpen van alle paginasjablonen voor smartphone, tablet en desktop.

Websites laten maken & CMS
Meer lezen

Eerst bepalen we wat bezoekers op uw website moeten doen: een aanvraag indienen, producten vergelijken, een contactpersoon vinden. Daarop stemmen we menu, homepage en elk paginasjabloon af. Responsive webdesign betekent bij ons dat we elk sjabloon ontwerpen voor smartphone, tablet en desktop. Bij een redesign houden we wat nu goed werkt, en veranderen we wat bezoekers ophoudt.

Past als bezoekers sneller moeten vinden wat ze zoeken, of als er een redesign aankomt.

UI-design voor apps & software

Interfaces voor apps en vaktoepassingen die zonder inwerken te bedienen zijn.

  • Dashboarddesign
  • Klantportaal
  • App-design
  • Vaktoepassing

U krijgt ontwerpen van alle schermen en toestanden, getoetst in het prototype.

App-ontwikkeling
Meer lezen

We ontwerpen klantportalen, dashboards, interne vaktoepassingen en apps voor iOS en Android. Elk scherm laat zien waar de gebruiker op dat moment staat en wat de volgende stap is. Daarbij ontwerpen we alle toestanden van een scherm: leeg, tijdens het laden, met een fout en na een geslaagde afronding. In apps volgen we de bedieningspatronen die uw gebruikers van iOS en Android kennen.

Past als uw team of uw klanten dagelijks met de applicatie werken.

Designsystemen

Een gedeelde verzameling kleuren, lettertypen en bouwstenen, zodat alle interfaces consistent blijven.

  • Design tokens
  • Componentenbibliotheek
  • Styleguide
  • Figma-bibliotheek

U krijgt een bibliotheek in Figma, op verzoek met de componenten in code.

Van ontwerp naar code
Meer lezen

Kleuren, lettertypen en afstanden leggen we vast als design tokens. Knoppen, formuliervelden en andere componenten ontwerpen we met alle toestanden, plus regels voor wanneer welke wordt gebruikt. Wijzigt u een kleur, dan verandert die in alle interfaces tegelijk. Contrasten, focus en de minimale grootte van aanraakdoelen liggen vast in het systeem. Voor een mkb-bedrijf volstaat vaak een slanke bibliotheek die meegroeit met uw product.

Past als meerdere websites, apps of teams dezelfde bouwstenen gebruiken.

Toegankelijkheid & BFSG

Websites en apps die zoveel mogelijk mensen zonder drempels kunnen gebruiken, volgens BFSG en WCAG.

  • Toegankelijke website
  • Beoordeling van bestaande websites
  • Informatie over toegankelijkheid

U krijgt een website die met toetsenbord en schermlezer te bedienen is.

Toegankelijkheid volgens BFSG en WCAG
Meer lezen

Bij een nieuwe website plannen we contrasten, toetsenbordbediening, labels voor schermlezers en begrijpelijke formulieren vanaf de eerste schets mee. Bij een bestaande website bekijken we eerst waar drempels zitten, en leggen we met u de volgorde vast waarin we ze wegnemen. Voor wie de BFSG geldt en wat erbij hoort, laat de sectie verderop zien.

Past als u consumenten online een overeenkomst aanbiedt of als uw website voor iedereen bruikbaar moet zijn.

Huisstijl

Logo, kleuren en lettertypen die uw bedrijf overal herkenbaar maken.

  • Logo
  • Kleuren en lettertypen
  • Huisstijlrichtlijnen
  • Presentaties en drukwerk

U krijgt logobestanden, kleuren, lettertypen, huisstijlrichtlijnen en sjablonen voor presentaties.

Meer lezen

We ontwerpen uw logo vanaf de basis, ontwikkelen kleuren, lettertypen en beeldtaal, en leggen in huisstijlrichtlijnen vast hoe ze worden gebruikt. Zo gebruiken ook uw team en andere dienstverleners ze op de juiste manier. Presentatiesjablonen en drukwerk ontwerpen we daarbij passend. Als huisstijlbureau dat ook websites en apps ontwerpt, toetsen we de nieuwe uitstraling meteen aan uw website en app. Staat uw huisstijl al, dan nemen we die over in het designsysteem.

Past als uw bedrijf op de website, in presentaties en in documenten eenduidig naar buiten moet treden.

Meer dan interfaces: illustratie, motion en 3D

Naast websites en apps ontwerpen we de beelden, bewegingen en objecten waarmee uw merk opvalt.

Illustraties en iconen

Eigen illustraties en iconensets in de stijl van uw huisstijl, voor website, app, presentaties en drukwerk.

  • Illustrator
  • Figma

Motion en animatie

Animaties voor interfaces en logo's en korte video's die uw aanbod voorstellen. Op websites en in apps bouwen we ze met Lottie of Rive, zodat ze snel laden.

  • After Effects
  • Lottie
  • Rive

3D en mock-ups

3D-visualisaties en mock-ups die uw product, uw app of uw website in gebruik laten zien.

  • Blender
  • Spline
  • Photoshop

Eén idee, veel vormen

Website, app, webshop of campagne: we geven uw idee de vorm die uw klanten bereikt.

Zo ontstaat een scherm: een voorbeeld uit het klantportaal

Een voorbeeld: de zakelijke klanten van een fabrikant bellen vaak om te vragen wanneer hun levering aankomt. Zo ontwerpen we het besteloverzicht in het klantportaal opnieuw, zodat ze het antwoord zelf vinden.

Voorbeeld · klantportaal · besteloverzicht

  1. Begrijpen

    Wat we doen
    We lezen de meest gestelde vragen aan de klantenservice en zien in de analysegegevens waar klanten het portaal verlaten.
    Wat er ontstaat
    De belangrijkste taken van de klanten en hun weg door het portaal, op één pagina.
  2. Schetsen

    Wat we doen
    We ontwerpen meerdere varianten van het overzicht en beslissen met u welke we verder uitwerken.
    Wat er ontstaat
    Een wireframe van het besteloverzicht.
  3. Testen

    Wat we doen
    Testpersonen voeren in het klikbare prototype een taak uit: “Zoek uit wanneer uw bestelling aankomt.” Waar ze aarzelen, passen we het ontwerp aan en testen we opnieuw.
    Wat er ontstaat
    Een lijst van bevindingen en een aangepast prototype.
  4. Vormgeven

    Wat we doen
    We werken het overzicht af, met de leverdatum vooraan, voor smartphone en desktop, in lichte en donkere modus en met alle toestanden.
    Wat er ontstaat
    Designbestanden, klaar voor de realisatie.

Van ontwerp naar code: designsysteem en overdracht

Wat in Figma is ontworpen, moet er in de code precies zo uitzien en precies zo werken als in het prototype. Daarom werken design en ontwikkeling bij ons in hetzelfde team, en dragen kleuren, lettertypen en bouwstenen in Figma en in de code dezelfde namen.

In de code dragen kleuren, lettertype, afstanden en focus dezelfde namen als in het ontwerp.

  • Kleuren en lettertypen
  • Afstanden en grid
  • Componenten met alle toestanden
  • Schermformaten
  • Toegankelijkheidsgegevens
  • Link naar het prototype

Wij bouwen

Of het nu gaat om een website met WordPress, TYPO3 of Webflow, een webshop of een app: we bouwen haar uit dezelfde bouwstenen als in het ontwerp. Tijdens de realisatie laat een previewlink u zien wat er al staat.

SoftwareontwikkelingE-commerce

Uw team bouwt

Uw ontwikkelteam krijgt de designbestanden met alle toestanden en schermformaten en de link naar het prototype. Op verzoek leveren we de componenten ook als code, gedocumenteerd in Storybook.

Toegankelijke website volgens BFSG en WCAG: wat erbij hoort

Toegankelijk betekent dat mensen uw website ook met toetsenbord, schermlezer of sterke vergroting kunnen bedienen. Daar hebben alle bezoekers iets aan, bijvoorbeeld door duidelijke labels, begrijpelijke foutmeldingen en goed leesbare contrasten.

Gebruikswijze kiezen
Wat er vereist is
Elk veld en elke knop is met het toetsenbord bereikbaar, in een logische volgorde, en de focus blijft altijd zichtbaar.
Zo controleren we
We lopen elk sjabloon zonder muis door, bij formulieren tot en met het versturen.

We ontwerpen en testen elk project volgens WCAG 2.2, niveau AA. De websitecheck meet voor één pagina het deel dat automatisch te controleren is; een beoordeling volgens de BFSG is dat niet.

Websitecheck openen

Voor wie de BFSG geldt

De BFSG (Barrierefreiheitsstärkungsgesetz, de Duitse wet die de Europese toegankelijkheidsrichtlijn omzet) geldt vooral voor websites en apps waarmee consumenten online een overeenkomst sluiten, bijvoorbeeld in een webshop of bij een boeking. Voor zulke diensten geldt de wet sinds 28 juni 2025. Uitgezonderd zijn micro-ondernemingen met minder dan tien werknemers en een jaaromzet of balanstotaal van maximaal 2 miljoen euro, als ze diensten aanbieden. Puur informatieve websites en webshops die uitsluitend aan bedrijven verkopen, vallen doorgaans niet onder de wet.

  • Webshopvalt eronder
  • Online boekenvalt eronder
  • Informatieve websitevalt er doorgaans niet onder
  • Webshop alleen voor zakelijke klantenvalt er doorgaans niet onder

Welke informatie de wet vraagt

  • Hoe uw dienst aan de toegankelijkheidseisen voldoet
  • De bevoegde markttoezichthouder

Wie onder de BFSG valt, publiceert bij zijn dienst deze informatie over de toegankelijkheid. We bereiden die samen met u voor.

Drempels nemen we weg in de code, in de sjablonen en componenten van uw website, zodat elke pagina ervan profiteert. Een overlay-plug-in verandert de pagina pas in de browser van de bezoeker; de code van uw website blijft daarbij ongewijzigd.

Wat kost webdesign? Waar de prijs van afhangt

De prijs van uw designproject kent u voordat het werk begint. Voor ontwerp en realisatie betaalt u een vaste prijs per project, voor begeleiding en doorontwikkeling een vast maandbedrag.

Offerte

Ontwerp en realisatie, eenmalig

Project tegen vaste prijs

Voor onderzoek, ontwerp en op verzoek de realisatie, tot de livegang.

  • Vaste prijs voor de precies beschreven omvang
  • Verandert de omvang, dan passen we eerst de offerte aan
  • Geen facturatie op uurbasis
Livegang

Na de livegang, maandelijks

Begeleiding en doorontwikkeling

Voor de periode na de livegang, op verzoek.

  • Vast maandbedrag voor onderhoud en support
  • Telefonische support, dag en nacht
  • Nieuwe pagina's en functies per werkpakket met een eigen offerte

Waar de omvang van afhangt

  • Hoeveel paginasjablonen en schermen er komen
  • Welke onderzoeks- en teststappen het project nodig heeft
  • Of er een designsysteem komt of een bestaand wordt uitgebreid
  • Of logo, kleuren en lettertypen al vaststaan
  • Hoe toegankelijk een bestaande website al is
  • In hoeveel talen interface en inhoud verschijnen
  • Of we het ontwerp ook bouwen

Hebt u een budget, noem het dan in het kennismakingsgesprek. We stemmen de omvang daarop af en plannen verdere pagina's voor latere stappen.

Kosten na de livegang

Ook na de livegang zijn er kosten: voor licenties van lettertypen, beelden en tools zoals Webflow, voor hosting en voor het onderhoud. Deze posten staan in uw offerte.

Wat uiteindelijk van u is

Na volledige betaling dragen we alles aan u over wat u nodig hebt om uw website of app zelf voort te zetten of door een ander team verder te laten ontwikkelen.

  • Design

    • Designbestanden van alle interfaces die we voor u ontwerpen
    • Link naar het klikbare prototype
    • Designsysteem als bibliotheek
  • Code, als wij bouwen

    • De broncode die voor u is ontwikkeld
    • Git-repository met de volledige wijzigingsgeschiedenis
    • Technische documentatie
  • Toegang

    • Servers en hosting
    • Domeinen
    • Accounts van alle diensten
  • Rechten

    • Gebruiksrechten

Licenties voor lettertypen en beelden, accounts bij tools zoals Webflow en de Figma-bestanden liggen tijdens het project bij ons. Na volledige betaling dragen we ze aan u over.

Bestanden en code zetten we zo op dat ook een nieuw team er zijn weg in vindt. Wie uw website of app in de toekomst begeleidt, beslist u.

Tools waarmee we ontwerpen

We werken met de tools die bij de taak passen: Figma en Sketch voor interfaces, Adobe Photoshop, Illustrator, InDesign en After Effects voor beeld, grafisch werk en beweging, Blender en Spline voor 3D en in de code React, Storybook en Tailwind CSS.

  • Ontwerp en prototypes

    Ontwerpen, klikbare prototypes en bibliotheken voor designsystemen.

    • Figma
    • Sketch
    • Framer
  • Beeld en grafisch werk

    Beeldbewerking, illustraties, iconen en drukwerk.

    • Photoshop
    • Illustrator
    • InDesign
  • Motion en 3D

    Animaties voor interfaces en logo's, 3D-visualisaties en mock-ups.

    • After Effects
    • Lottie
    • Rive
    • Blender
    • Spline
  • Componenten

    Bouwstenen in code, gedocumenteerd voor uw ontwikkelteam.

    • Storybook
    • React
    • Tailwind CSS
  • Websites

    Websites waarvan uw team de inhoud zelf bewerkt.

    • Webflow
    • WordPress
    • TYPO3
  • Onderzoek en analyse

    Hoe bezoekers uw website gebruiken en op welke plek ze afhaken.

    • Matomo
    • Google Analytics
    • Hotjar
  • Toegankelijkheid controleren

    Automatische controle van contrasten, labels en structuur, aangevuld met onze controle met de hand.

    • Lighthouse
    • axe-core
Alle technologieën

ASES in cijfers

  • 1 teamEigen team, geen onderaannemers
  • 15+Meer dan 15 jaar ervaring in het team
  • 35+Bedrijven in meer dan 35 landen werken met ons
  • 10Gesprekken in tien talen
Over ASES

Veelgestelde vragen aan een UX-bureau

Antwoorden over kosten, verloop, gebruikerstests, designbestanden en toegankelijkheid.

Wat kost webdesign of een UX-project?

Dat hangt af van de omvang: van het aantal paginasjablonen en schermen, de onderzoeks- en teststappen, een designsysteem, de stand van uw huisstijl, de talen en of we het ontwerp ook bouwen. Zodra de omvang vaststaat, krijgt u een offerte tegen vaste prijs. Begeleiding factureren we maandelijks, nieuw werk per werkpakket. Op uurbasis factureren we niet.

Hoe lang duurt een designproject?

De duur hangt af van de omvang, van de testrondes en van hoe snel teksten, beelden en beslissingen er zijn. Ons eigen team gaat snel aan de slag. Hebt u een vaste datum, bijvoorbeeld een beurs of een geplande relaunch, noem die dan in het kennismakingsgesprek. We plannen de omvang daarop.

Wat doet een UX-bureau, en wanneer loont het voor ons?

Een UX-designbureau zoekt uit wat uw gebruikers willen doen en waar ze daarbij vastlopen. Het toetst interfaces in een prototype voordat er wordt ontwikkeld, en werkt ze daarna af. Dat loont als u een nieuwe website of app plant, als bezoekers afhaken of als er een relaunch aankomt.

Wat is UX-design, wat is UI-design, en wat is het verschil?

UX staat voor user experience, in het Nederlands gebruikerservaring. UX-design legt vast of en hoe gemakkelijk gebruikers hun doel bereiken: structuur, processen en woordkeuze. UI staat voor user interface, de gebruikersinterface. UI-design geeft vorm aan wat gebruikers zien en bedienen: lay-out, kleuren, lettertypen, knoppen en hun toestanden. Wij plannen beide samen.

Hoe test u of onze gebruikers met het ontwerp overweg kunnen?

Mensen uit uw doelgroep voeren in het klikbare prototype typische taken uit, bijvoorbeeld een bestelling vinden of een formulier invullen. Wie de deelnemers werft, leggen we per project met u vast. We kijken waar ze aarzelen of een verkeerde weg nemen, passen het ontwerp aan en testen opnieuw. Aan het eind krijgt u een lijst van bevindingen, gesorteerd op belang en elk met een maatregel.

Wat krijgen we aan het eind: Figma-bestanden, prototype, designsysteem?

Na volledige betaling ontvangt u de designbestanden van alle interfaces in Figma, de link naar het prototype, het designsysteem als bibliotheek en de gebruiksrechten. Bouwen we het ontwerp ook, dan komen daar de broncode die voor u is ontwikkeld met Git-repository, de technische documentatie en alle toegangsgegevens bij.

Bouwt u het ontwerp ook, en wie begeleidt het daarna?

Ja. Hetzelfde team ontwikkelt uw website met WordPress, TYPO3 of Webflow, uw webshop, uw app of uw software. Heeft uw bedrijf eigen developers, dan dragen we het ontwerp aan hen over met alle toestanden en schermformaten. Een ontwerp van een ander team bouwen we ook. Na de livegang blijven we website of app op verzoek begeleiden, met updates, monitoring en doorontwikkeling.

Kunt u onze website verbeteren zonder haar helemaal opnieuw te bouwen?

Ja. Eerst leggen we vast wat nu goed werkt en kan blijven. Met uw analysegegevens zien we waar bezoekers vastlopen; de websitecheck laat zien hoe snel een pagina laadt en welke drempels automatisch te vinden zijn. Die sjablonen en pagina's verbeteren we in het bestaande systeem. Passen structuur of systeem niet meer bij uw bedrijf, dan plannen we met u een relaunch.

Vanaf wanneer loont een designsysteem?

Zodra meerdere websites, apps of teams dezelfde bouwstenen gebruiken, uw product verder groeit of uw uitstraling op verschillende plekken uiteenloopt. Voor één kleinere website volstaan een slanke styleguide en een kleine componentenbibliotheek. We zetten het systeem zo groot op als nodig en breiden het uit met uw product.

Moet onze website toegankelijk zijn?

Sluiten consumenten via uw website online een overeenkomst, bijvoorbeeld in de webshop of bij een boeking, dan valt u sinds 28 juni 2025 doorgaans onder de BFSG. Micro-ondernemingen die diensten aanbieden, zijn uitgezonderd. Puur informatieve websites en webshops uitsluitend voor zakelijke klanten vallen meestal niet onder de wet. We ontwerpen elk project toegankelijk volgens WCAG 2.2, niveau AA, ook als de wet niet voor u geldt.

Hebben we eerst een huisstijl nodig?

Niet per se. Staan logo, kleuren en lettertypen vast, dan nemen we ze over in het designsysteem en ontwerpen we daarmee website en app. Ontbreken ze of ziet uw uitstraling er overal anders uit, dan ontwikkelen we eerst de huisstijl en toetsen we die meteen aan de eerste schermen.

Wat hebt u van ons nodig om te kunnen starten?

Een briefing of programma van eisen hebt u niet nodig. Beschrijf kort uw doel en uw gebruikers. Handig zijn het adres van uw website, voorbeelden die u aanspreken, met één zin over wat u eraan bevalt, en bestaande logo's, lettertypen of een styleguide. Als u wilt, deelt u ook de toegang tot uw analysegegevens.

Laten we het over uw website of app hebben

Vertel ons wie uw website of app gebruikt en wat daar makkelijker moet worden. We nemen zo snel mogelijk contact met u op en plannen samen een kennismakingsgesprek.

  • Gratis kennismakingsgesprek
  • Vrijblijvend
  • NDA op verzoek