Revenue€ 38,400
Enquiries41
SaaS platforms
Software customers use every day. From the first login to the task they do most often.
Web
UI/UX design for your website or app.
Screens your customer can use without explanation. We design websites, apps, dashboards and portals, and you click through them before anything is built.
Websites, apps and SaaSA prototype you click throughAlso as a standalone UX audit
Answer five questions and see which services fit your business.
Sketch, design, clickable
The same screen, three times, each a step further.
my.voltana.example/appointment
logomenu
option 1
option 2
option 3
button: next
- Layout first.Grey boxes with a label. We talk about what goes where, not about colour.
- Quick to change.Moving a box takes a minute here. After the build it takes a day.
my.voltana.example/appointment
VoltanaAppointmentQuotesInvoicesMy details
Step 1 of 3
What can we help with?
Boiler serviceAnnual service, about an hour
Report a faultWe'll call you back today
Heat pump quoteA visit first, then a price
Next
- Your brand style, real copy.No filler text: what's there is what your customer will read.
- Every state drawn out.Selected, not selected, an error and an empty field.
my.voltana.example/appointment
VoltanaAppointmentQuotesInvoicesMy details
Step 1 of 3
What can we help with?
Step 2 of 3
When suits you?
Choose a day
Choose a time slot
Done
Your appointment is booked.
Boiler serviceThu 16 · 10:00 - 12:00
You'll get a confirmation by email. The engineer rings fifteen minutes beforehand.
- Click through it yourself.Choose a service, a day and a time. That's how you get it from us too: as a link.
- Testing before the build.You show it to a customer and hear where they hesitate.
What you get out of it
Why UI/UX design comes before the build.
A screen nobody understands doesn't get used.
- Fewer drop-offsSomeone who finds what they're looking for first time finishes their enquiry.
- Quicker to fixYou fix a mistake faster in a design than in a built site.
- Fewer questionsA clear screen saves explaining, phone calls and emails.
Included
We design how people move through your product.
EnquiryQuoteApprovedDe Vries family
Mobile apps
Screens for iOS and Android, designed for one hand, a small screen and not much time.
Can you follow up the Smit quote?
Draft ready, waiting for your approval
Portals and dashboards
One screen where you or your customer can see how things stand, without searching.
123
Request your appointmentNextAI interfaces
How you see what an agent is doing, when it's unsure and when a person takes over.
Order logged
Materials ordered
Engineer scheduled
Message sent to customer
Websites and enquiry journeys
From arriving to getting in touch. Every step that adds nothing goes.
ButtonButtonName
Internal systems
CRM, quoting and scheduling for your own team, set up so a new colleague gets it without explanation.
UX audit, also bookable on its own
Have what's there now checked, without a full project.
audit.voltana.nl / afspraak-maken
Findingsby severity
Finding 1 of 4 · severity high
Send button looks disabled
The button is grey, even when everything is filled in. People think they've missed something and give up.
RecommendationGive the button the brand colour as soon as the form is complete, and say above it what's still missing.
Finding 2 of 4 · severity medium
Date field doesn't say which days are available
You type a date and only hear after sending that the day is full.
RecommendationShow a calendar with only the days that are free.
Finding 3 of 4 · severity medium
Phone required with no explanation
There's an asterisk, but nothing to say why the number is needed.
RecommendationAdd underneath: 'We'll call you once to confirm the appointment.'
Finding 4 of 4 · severity low
Terms in print that's too small
The line under the button is barely readable on a phone.
RecommendationMake the text larger and add a link to the terms.
What we check
- Navigation and layout
- Forms and error messages
- First-time use
- Mobile and accessibility
- Where people drop off
What you get
- Findings in order of severity
- A screenshot for every finding
- A recommendation for every point
What you do with it
- What to fix this month
- What can wait
- A call where we go through it together
What's included
Six parts, separately or as one project.
Research
Conversations with you and your users, your figures and what competitors do. From that we work out what people need.
Product strategy
Which problem are we solving, who for, and what's the minimum that needs to be there? You get a clearly scoped first version and a way to measure whether it works.
Journeys and structure
Which screens there are, how you get from one to the next, who can see what, and what happens in the exceptions.
Sketches and prototype
First the layout in grey, then the order and the copy, then a prototype you click through as if it were already finished.
Screen design
Layout, hierarchy, behaviour on phone and computer, and every state: loading, an error, an empty field and success.
Design system
Colours, fonts, spacing, buttons, forms, tables and messages are fixed, with notes for the developer. A new screen fits in straight away later on.
AI interfaces
An agent you can follow and steer.
- 1Conversation and taskA screen where you give an agent a task and see what it does with it.
- 2What it knows and what it doesn'tThe interface shows how confident the agent is, and where it's unsure.
- 3Sources includedEvery answer shows where it comes from, so you can check it.
- 4ApprovalBefore anything goes out, you approve it. We draw that step out.
- 5Handover to a personWhen a colleague takes over, everything is ready: summary, history, next step.
- 6FallbackWhat the user sees when the agent doesn't know, instead of a made-up answer.
How we work
Six steps, and after each one you have something tangible.
- 1
Discover
We go through what's there now and where people get stuck.
- 2
Structure
Which screens there are and which steps someone takes. On one sheet.
- 3
Prototype
Grey sketches you can already click through.
- 4
Design
The screens in your style, including loading, an error and an empty field.
- 5
Test
A few people click through it while we watch where they hesitate.
- 6
Delivery
Everything goes to the developer, with dimensions and copy. That can be us, or someone else.
Testing and accessibility
Does it work for everyone?
- Test tasks with real users
- Findings in order of severity
- Contrast and text size
- Keyboard operation
- Clear error messages
- Forms that make sense
- Readable by a screen reader
- Usable on a phone
Frequently asked questions
Frequently asked questions.
What is UI/UX design?
UX is how something works: which steps your customer takes and where they get stuck. UI is how it looks: buttons, colours and fonts. Together they decide whether someone finishes what they came for.
What's the difference between UI and UX?
UX is how it works: which steps, in which order. UI is how it looks: colour, font, buttons. We do them together, because one doesn't work without the other.
Do you build it afterwards as well?
We can, but you don't have to use us. The design is yours and you can take it to any developer.
How do I get to see it?
As a link in your browser. You open it on your phone and click through it.
Can you just assess what's there now?
Yes. We go through your site, portal or app and you get a list of what could be better, in order.
Do you test with real users?
If you want us to. Five people from your target group are usually enough to see where it falters.
How many rounds are included?
We agree that beforehand. Usually one round on the sketches and one on the design, so you know where you stand.
What happens after delivery?
If we build it, we measure where people drop off after go-live and make adjustments. If someone else builds it, we go through the end result with you once.
Related services
Related services.
→Get started
Want to know where people get stuck in your product? Have your user journey assessed.
Would you rather talk it through? Call +31 6 12 08 49 38. We respond within the hour.