Revenue$44,160
Inquiries41
SaaS platforms
Software customers use every day. From the first login to the task they do most often.
Web & Search
UI/UX design for your website or app.
The design of your website, app or booking system, as a clickable prototype before anything gets built.
Websites, apps and SaaSA prototype you click throughFirst, a UX review of what's already there
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.Gray boxes with a label. We talk about what goes where, not about color.
- 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?
Furnace tune-upAnnual service, about an hour
Report a problemWe'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.
Furnace tune-upThu 16 · 10 AM to 12 PM
You'll get a confirmation by email. Your technician will call 15 minutes before arriving.
- 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-offsPeople who find what they need the first time finish what they started.
- 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.
InquiryQuoteApprovedJohnson family
Mobile apps
Screens for iOS and Android, designed for one hand, a small screen and not much time.
Can you follow up on the Miller 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
Technician scheduled
Message sent to customer
Websites and inquiry 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.
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 gray, then the order and the copy, then a prototype you click through as if it were already finished.
Screen design
Layout, hierarchy, behavior on phone and computer, and every state: loading, an error, an empty field and success.
Design system
Colors, fonts, spacing, buttons, forms, tables and messages are fixed, with notes for the developer. A new screen fits right in later on.
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
Gray 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.
FAQ
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, colors 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: color, 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.
Keep exploring