Web

Digitale producten die mensen begrijpen.

Wij ontwerpen websites, mobiele apps, SaaS-platforms, dashboards, portalen en AI-tools, van de eerste gebruikersroute tot schermen die klaar zijn om te bouwen. Je klikt erdoorheen voordat er iets gebouwd wordt.

Websites, apps en SaaSEen voorbeeld waar je doorheen kliktOok als losse UX-audit
Start de Deep Scan → Plan een gesprek

Beantwoord vijf vragen en zie welke onderdelen bij je bedrijf passen.

Schets, ontwerp, klikbaar

Hetzelfde scherm, drie keer een stap verder.

mijn.voltana.voorbeeld/afspraakVoorbeeld
logomenu

keuze 1
keuze 2
keuze 3
knop: volgende
één vraag per schermknop altijd rechtsonder
  • Eerst de indeling.Grijze vlakken met een label. We praten over wat waar staat, niet over kleur.
  • Snel te veranderen.Een vak verplaatsen kost hier een minuut. Na de bouw kost het een dag.
Wat we ontwerpen

We ontwerpen hoe mensen door je product bewegen.

Omzet€ 38.400
Aanvragen41

SaaS-platforms

Software die klanten elke dag gebruiken. Van de eerste keer inloggen tot de taak die ze het vaakst doen.

AanvraagOfferteAkkoordFam. De Vries

Mobiele apps

Schermen voor iOS en Android, ontworpen voor één hand, een klein scherm en weinig tijd.

Kun je de offerte van Smit opvolgen?

Concept klaar, wacht op jouw akkoord

Portalen en dashboards

Eén scherm waarop jij of je klant ziet hoe het ervoor staat, zonder te zoeken.

123
Vraag je afspraak aanVolgende

AI-interfaces

Hoe je ziet wat een agent doet, wanneer hij twijfelt en wanneer een mens het overneemt.

Order ingeboekt

Materiaal besteld

Monteur ingepland

Klant bericht gestuurd

Websites en aanvraagroutes

Van binnenkomen tot aanvragen. Elke stap die niets toevoegt, gaat eruit.

KnopKnopNaam

Interne systemen

CRM, offerte en planning voor je eigen team, zo opgezet dat een nieuwe collega het zonder uitleg snapt.

UX-audit, ook los te boeken

Laat nalopen wat er nu staat, zonder een heel traject.

audit.voltana.nl / afspraak-makenVoorbeeld
Bevindingenop ernst
Bevinding 1 van 4 · ernst hoog

Knop Verstuur lijkt uitgeschakeld

De knop is grijs, ook als alles is ingevuld. Mensen denken dat ze iets vergeten zijn en haken af.

VoorstelGeef de knop de merkkleur zodra het formulier compleet is, en zeg erboven wat er nog mist.
Wat we nalopen
  • Navigatie en indeling
  • Formulieren en foutmeldingen
  • De eerste keer gebruiken
  • Telefoon en toegankelijkheid
  • Waar mensen afhaken
Wat je krijgt
  • Bevindingen op volgorde van ernst
  • Per bevinding een schermafdruk
  • Per punt een voorstel
Wat je ermee doet
  • Wat je deze maand oplost
  • Wat later kan
  • Een gesprek waarin we het doorlopen
Wat erin zit

Zes onderdelen, los of als één traject.

/ 1

Onderzoek

Gesprekken met jou en met gebruikers, de vragen die je team steeds krijgt, je cijfers en wat concurrenten doen. Daaruit volgt wat mensen nodig hebben en waar het wringt.

/ 2

Productstrategie

Welk probleem lossen we op, voor wie, en wat is het minimum dat er moet staan? Je krijgt een afgebakende eerste versie, een volgorde en een manier om te meten of het werkt.

/ 3

Routes en structuur

Welke schermen er zijn, hoe je van het ene naar het andere komt, wie wat mag zien, en wat er gebeurt in de uitzonderingen.

/ 4

Schetsen en prototype

Eerst de indeling in grijs, dan de volgorde en de teksten, dan een voorbeeld waar je doorheen klikt alsof het al af is.

/ 5

Schermontwerp

Indeling, rangorde, gedrag op telefoon en computer, en elke stand: laden, een fout, een leeg veld en gelukt.

/ 6

Design system

Kleuren, letters, afstanden, knoppen, formulieren, tabellen en meldingen liggen vast, met uitleg voor de bouwer. Een nieuw scherm past er later direct bij.

AI-interfaces

Een agent die je kunt volgen en bijsturen.

  1. 1
    Gesprek en opdrachtEen scherm waarin je een agent een taak geeft en ziet wat hij ermee doet.
  2. 2
    Wat hij weet en wat nietDe interface laat zien hoe zeker de agent is, en waar hij twijfelt.
  3. 3
    Bronnen erbijBij elk antwoord staat waar het vandaan komt, zodat je het kunt nalopen.
  4. 4
    GoedkeuringVoordat er iets de deur uit gaat, keur jij het goed. Die stap tekenen we uit.
  5. 5
    Overdracht aan een mensNeemt een collega het over, dan staat alles klaar: samenvatting, historie, volgende stap.
  6. 6
    TerugvalWat de gebruiker ziet als de agent het niet weet, in plaats van een verzonnen antwoord.
Onze aanpak

Zes stappen, en na elke stap heb je iets in handen.

  1. 1

    Ontdekken

    We lopen na wat er nu is en waar mensen vastlopen.

  2. 2

    Structuur

    Welke schermen er zijn en welke stappen iemand zet. Op één blad.

  3. 3

    Prototype

    Grijze schetsen waar je al doorheen klikt.

  4. 4

    Ontwerp

    De schermen in jouw stijl, ook bij laden, een fout en een leeg veld.

  5. 5

    Testen

    Een paar mensen klikken erdoorheen terwijl wij meekijken waar ze twijfelen.

  6. 6

    Opleveren

    Alles naar de bouwer, met maten en teksten. Dat kunnen wij zijn, of iemand anders.

Wat je in handen hebt

Zes dingen die je krijgt, van route tot overdracht.

  1. 1

    De route

    Welke stappen iemand zet, van binnenkomen tot klaar. Getekend op één blad.

  2. 2

    Een schermenlijst

    Welke schermen er komen en wat er op elk scherm moet gebeuren.

  3. 3

    Schetsen

    Grijze schermen zonder kleur. Zo praat je over de indeling en niet over de tint van een knop.

  4. 4

    Een klikbaar voorbeeld

    Je krijgt een link. Je klikt erdoorheen alsof het al af is, en laat het aan een klant zien.

  5. 5

    De schermen

    Het ontwerp in jouw huisstijl, voor telefoon en voor computer.

  6. 6

    Overdracht

    De bouwer krijgt maten, teksten en wat er gebeurt bij een fout of een leeg veld.

Schuif opzij voor meer.

Testen en toegankelijkheid

Werkt het voor iedereen?

  • Testtaken met echte gebruikers
  • Bevindingen op volgorde van ernst
  • Contrast en tekstgrootte
  • Bediening met het toetsenbord
  • Duidelijke foutmeldingen
  • Begrijpelijke formulieren
  • Leesbaar voor een schermlezer
  • Bruikbaar op een telefoon
Praktisch

Veelgestelde vragen.

Wat is het verschil tussen UI en UX?

UX is hoe het werkt: welke stappen, in welke volgorde. UI is hoe het eruitziet: kleur, letter, knoppen. Wij doen ze samen, want het een werkt niet zonder het ander.

Bouwen jullie het daarna ook?

Dat kan, en het hoeft niet. Het ontwerp is van jou en je kunt ermee naar elke bouwer.

Hoe krijg ik het te zien?

Als link in je browser. Je opent hem op je telefoon en klikt erdoorheen.

Kunnen jullie alleen beoordelen wat er nu staat?

Ja. We lopen je site, portaal of app na en je krijgt een lijst met wat er beter kan, op volgorde.

Testen jullie met echte gebruikers?

Als je dat wilt. Vijf mensen uit je doelgroep zijn meestal genoeg om te zien waar het hapert.

Hoeveel rondes zitten erin?

Dat spreken we vooraf af. Meestal één ronde op de schetsen en één op het ontwerp, zodat je weet waar je aan toe bent.

Wat gebeurt er na de oplevering?

Bouwen wij het, dan meten we na livegang waar mensen afhaken en stellen we bij. Bouwt een ander het, dan lopen we het eindresultaat één keer met je na.

Verder kijken

Aanvullende diensten.

Alles over Web →
→Aan de slag

Wil je weten waar mensen in jouw product vastlopen? Laat je gebruikersroute beoordelen.

Start de Deep Scan → Vraag een UX-audit aan

Liever direct overleggen? Bel 06 12 08 49 38, reactie binnen een uur.

Start de Deep Scan