UX agency for web design and UI design, from research to implementation
Text
ASES is a UI/UX design agency. We design websites, apps and software that your customers and your team can find their way around without instructions. To get there, we start with what your users want to get done, then design the structure, clickable prototype and finished interface. On request, our own team also builds the design.
Choose where your website or app stands today. The map shows your next step and what you get after each phase.
You are here
We are planning a new website or app
Your first step
We clarify with you who will use your website or app and what these people want to get done there. Pages, flows and design follow from that.
Enough to get started
A short description of your project and, if you have them, websites you like, with a sentence on what you like about them.
We want to make our website or software simpler
Your first step
First we check what works well today and can stay. Then we see where users get stuck and rework exactly those places.
Enough to get started
The address of your website or test access to the software. Access to your analytics data helps if you would like to share it.
We want to make our website accessible
Your first step
The Website Check immediately shows you, for one page, the part that can be measured automatically. We also check keyboard, screen reader and zoom by hand and then decide with you which templates and components we adapt.
Enough to get started
The address of your website.
Our brand looks different everywhere
Your first step
We collect how your company presents itself today: on the website, in presentations and in documents. We develop the logo, colors and fonts in the design phase and test them right away on your website.
Enough to get started
Your current logo and a few examples of your documents.
01 Initial consultation and goals
We
We ask you to explain what your website or app should achieve for your company, and we look at what already exists: pages, programs and documents.
You
You describe the goal and user groups and show us examples you like.
At the end
A clear picture of goals, users and their most important tasks.
02 Scope and quote
We
We define which pages and views will be created, which research and testing steps the project needs, whether a design system is part of it and whether we also build the design.
You
You set the priorities and review the quote.
At the end
A fixed-price quote with a precisely described scope.
03 Research and structure
We
We evaluate existing data, such as analytics and frequent questions to your customer service, and talk to people from your target group. Then we set out the page structure and flows as wireframes.
You
You give us access to your data. We decide together who finds the participants for interviews and tests.
At the end
A structure of pages and flows that everyone has agreed on.
04 Prototype, testing and design
We
You try out every interface in a clickable prototype before development begins. We test it with people from your target group, change the places where they hesitate and then design all views for smartphone and desktop, accessible to everyone.
You
You give feedback on the prototype and make the design decisions with us.
At the end
Tested designs of all views.
05 Implementation and handover
We
We build the design as a website, shop or software, or hand it over to your development team. At launch, we train your team. After go-live, we continue to look after and improve the website or app on request.
You
You review the result with us before go-live.
At the end
An interface that works the way it was tested in the prototype.
The section further down shows what your development team receives and how the design becomes code. From design to code
UX design determines how your users find information and complete their tasks. UI design shapes the interface they see and use along the way. We plan both together, for websites, shops and software. Often several topics interlock, for example in a redesign that starts with a usability test and ends with a design system.
UX Research & Usability Testing
UX Research & Usability Testing
Understand your users' needs and test interfaces with usability tests and prototypes.
UX audit
User interviews
Usability test
Clickable mockup
You receive a list of observations, sorted by importance and each with a recommended action.
We start with what is already there: analytics data, questions that sales and customer service answer again and again, and terms visitors search for on your website. Then we talk to people from your target group about their experiences and have them solve typical tasks in a clickable prototype. Where they hesitate or give up, we change the design. We take a short look at an existing website or software in the initial consultation; the detailed review, the UX audit, is then the first phase of the project.
Fits if you want to know where visitors drop off or why users keep asking questions.
Web Design
Web Design
Websites that lead visitors to their goal and work on smartphone and desktop alike.
Responsive web design
Company website
Redesign
You receive designs of all page templates for smartphone, tablet and desktop.
First we clarify what visitors should get done on your website: make an inquiry, compare products, find a contact person. The menu, home page and every page template follow from that. For us, responsive web design means we design every template for smartphone, tablet and desktop. In a redesign, we keep what works well today and change what holds visitors up.
Fits if visitors should find what they are looking for faster, or a redesign is coming up.
UI Design for Apps & Software
UI Design for Apps & Software
Interfaces for apps and business applications that can be used without training.
Dashboard design
Customer portal
App design
Business application
You receive designs of all views and states, tested in the prototype.
We design customer portals, dashboards, internal business applications and apps for iOS and Android. Every view shows users where they are and what to do next. We also design all states of a view: empty, loading, with an error and after successful completion. In apps, we follow the interaction patterns your users know from iOS and Android.
Fits if your team or your customers work with the application every day.
Design Systems
AaAa
Design Systems
A shared collection of colors, fonts and building blocks, so that all interfaces stay consistent.
Design tokens
Component library
Style guide
Figma library
You receive a library in Figma, on request with the components in code.
We define colors, fonts and spacing as design tokens. We design buttons, form fields and other components with all their states, plus rules for when to use which. If you change a color, it changes in all interfaces at once. Contrast, focus and the minimum size for touch targets are defined in the system. For a mid-sized company, a lean library that grows with your product is often enough.
Fits if several websites, apps or teams use the same building blocks.
Accessibility & BFSG
Tab⏎
Accessibility & BFSG
Websites and apps that as many people as possible can use without barriers, in line with the BFSG and WCAG.
Accessible website
Review of existing websites
Accessibility information
You receive a website that can be operated with a keyboard and a screen reader.
For a new website, we plan contrast, keyboard operation, labels for screen readers and clear forms from the first sketch. For an existing website, we first check where the barriers are and agree with you on the order in which we remove them. The section further down shows who is affected by the BFSG and what it involves.
Fits if you offer consumers a contract online or your website should be usable by everyone.
Brand Identity
Brand Identity
Logo, colors and fonts that make your company recognizable everywhere.
Logo
Colors and fonts
Brand guidelines
Presentations and print materials
You receive logo files, colors, fonts, brand guidelines and presentation templates.
Read more
We design your logo from scratch, develop colors, fonts and imagery and record in brand guidelines how they are used. That way, your team and other service providers use them correctly too. We design presentation templates and print materials to match. As a brand identity agency that also designs websites and apps, we test the new identity right away on your website and app. If your brand identity already exists, we carry it over into the design system.
Fits if your company should present itself consistently on the website, in presentations and in documents.
Illustration, motion, 3D
More than interfaces: illustration, motion and 3D
Alongside websites and apps, we design the images, motion and objects that make your brand stand out.
Illustrations and icons
Illustrations and icons
Custom illustrations and icon sets in the style of your brand identity, for website, app, presentations and print materials.
Illustrator
Figma
Motion and animation
Motion and animation
Animations for interfaces and logos, and short videos that present your offering. On websites and in apps, we implement them with Lottie or Rive so that they load quickly.
After Effects
Lottie
Rive
3D and mockups
3D and mockups
3D visualizations and mockups that show your product, your app or your website in use.
Blender
Spline
Photoshop
One idea
One idea, many forms
Website, app, shop or campaign: we turn your idea into the form that reaches your customers.
Website
Shop
Your idea
App
Campaign
Example
How a view is created: an example from a customer portal
An example: a manufacturer's business customers often call to ask when their delivery will arrive. This is how we redesign the order overview in the customer portal so that they find the answer themselves.
Example · Customer portal · Order overview
01 Understand
Understand
What we do
We read the most frequent questions to customer service and see in the analytics data where customers leave the portal.
What is created
The customers' most important tasks and their path through the portal, on one page.
02 Sketch
Sketch
What we do
We design several variants of the overview and decide with you which one to take forward.
What is created
A wireframe of the order overview.
03 Test
“Find out when your order will arrive.”This is where the test participants hesitated.
Test
What we do
Test participants solve a task in the clickable prototype: “Find out when your order will arrive.” Where they hesitate, we change the design and test again.
What is created
A list of observations and a revised prototype.
04 Design
Design
What we do
We finish designing the overview, with the delivery date up front, for smartphone and desktop, in light and dark mode and with all states.
What is created
Design files, ready for implementation.
Handover
From design to code: design system and handover
What is designed in Figma should look exactly the same in code and work exactly as it did in the prototype. That is why, at ASES, design and development work in the same team, and colors, fonts and building blocks have the same names in Figma and in code.
Design
accent
title
xl
4
focus
Code
In code, colors, type, spacing and focus have the same names as in the design.
Whether a website with WordPress, TYPO3 or Webflow, a shop or an app: we build it from the same building blocks as in the design. During development, a preview link shows you what is already in place.
Your development team receives the design files with all states and screen sizes and the link to the prototype. On request, we also deliver the components as code, documented in Storybook.
Accessibility
Accessible website in line with the BFSG and WCAG: what it involves
Accessible means that people can use your website with a keyboard, a screen reader or strong magnification too. All visitors benefit, for example through clear labels, understandable error messages and easily readable contrast.
CompanyEmailPlease enter a valid email address.Send
TabTab⏎
What is required
Every field and every button can be reached with the keyboard, in a logical order, and the focus always stays visible.
How we check
We go through every template without a mouse, and for forms all the way to submitting.
What is required
Fields, buttons and images have names that a screen reader reads out. Error messages say what to do.
How we check
We go through forms and flows with a screen reader, listening to every step.
What is required
With strong magnification, the content stacks vertically and nothing is cut off. Text stands out from the background with sufficient contrast.
How we check
We check every template at strong magnification and measure the contrast of text and controls.
We design and check every project against WCAG 2.2, level AA. The Website Check measures, for one page, the part that can be checked automatically; that is not an assessment under the BFSG.
The BFSG (German Accessibility Strengthening Act) mainly affects websites and apps through which consumers conclude a contract online, for example in an online shop or with a booking. It has applied to such services since June 28, 2025. Micro-enterprises with fewer than ten employees and an annual turnover or balance sheet total of no more than €2 million are exempt if they provide services. As a rule, the law does not affect purely informational websites and shops that sell exclusively to businesses.
Online shopaffected
Online bookingaffected
Informational websiteusually not affected
Shop exclusively for business customersusually not affected
What information the law requires
How your service meets the accessibility requirements
The competent market surveillance authority
Anyone covered by the BFSG publishes this accessibility information about their service. We prepare it with you.
We remove barriers in the code, in the templates and components of your website, so that every page benefits. An overlay plugin only changes the page in the visitor's browser; the code of your website stays unchanged.
Costs
What does web design cost? What the price depends on
You know the price for your design project before work begins. For design and implementation, you pay a fixed price per project; for support and further development, a flat monthly fee.
Quote
Design and implementation, one-off
Fixed-price project
For research, design and, on request, implementation, up to go-live.
Fixed price for the precisely described scope
If the scope changes, we adjust the quote first
No billing by the hour
Go-live
After go-live, monthly
Support and further development
For the time after go-live, on request.
Flat monthly fee for maintenance and support
Phone support around the clock
New pages and features per work package, each with its own quote
What the scope depends on
How many page templates and views are created
Which research and testing steps the project needs
Whether a design system is created or an existing one is extended
Whether the logo, colors and fonts are already set
How accessible an existing website already is
In how many languages the interface and content appear
Whether we also build the design
If you have a budget range, mention it in the initial consultation. We align the scope with it and plan further pages for later steps.
Costs after go-live
There are costs after go-live as well: for licenses for fonts, images and tools such as Webflow, for hosting and for maintenance. These items are stated in your quote.
What you own
What you own at the end
After full payment, we hand over everything you need to continue your website or app yourself or have it developed further by another team.
Design
Design files of all interfaces we design for you
Link to the clickable prototype
Design system as a library
Code, if we build it
The source code developed for you
Git repository with the complete change history
Technical documentation
Access
Servers and hosting
Domains
Accounts for all services
Rights
Rights of use
Licenses for fonts and images, accounts with tools such as Webflow and the Figma files stay with us during the project. After full payment, we transfer them to you.
We set up files and code so that a new team can also find its way around. You decide who looks after your website or app in the future.
Tools
The tools we design with
We work with the tools that suit the task: Figma and Sketch for interfaces, Adobe Photoshop, Illustrator, InDesign and After Effects for images, graphics and motion, Blender and Spline for 3D, and React, Storybook and Tailwind CSS in code.
Design and prototypes
Designs, clickable prototypes and libraries for design systems.
Figma
Sketch
Framer
Images and graphics
Image editing, illustrations, icons and print materials.
Photoshop
Illustrator
InDesign
Motion and 3D
Animations for interfaces and logos, 3D visualizations and mockups.
After Effects
Lottie
Rive
Blender
Spline
Components
Building blocks in code, documented for your development team.
Storybook
React
Tailwind CSS
Websites
Websites whose content your team edits itself.
Webflow
WordPress
TYPO3
Research and analytics
How visitors use your website and where they drop off.
Matomo
Google Analytics
Hotjar
Accessibility testing
Automatic checks of contrast, labels and structure, complemented by our manual review.
Answers on costs, process, user testing, design files and accessibility.
What does web design or a UX project cost?
That depends on the scope: on the number of page templates and views, the research and testing steps, a design system, the state of your brand identity, the languages and whether we also build the design. As soon as the scope is set, you receive a fixed-price quote. We bill support monthly and new work per work package. We do not bill by the hour.
How long does a design project take?
The duration depends on the scope, the test rounds and how quickly texts, images and decisions are available. Our own team starts promptly. If you have a fixed date, such as a trade fair or a planned relaunch, mention it in the initial consultation. We plan the scope accordingly.
What does a UX agency do, and when is it worthwhile for us?
A UX design agency finds out what your users want to get done and where they get stuck along the way. It tries out interfaces in a prototype before anything is developed, and then finishes designing them. This is worthwhile if you are planning a new website or app, if visitors drop off or if a relaunch is coming up.
What is UX design, what is UI design, and what is the difference?
UX stands for user experience. UX design determines whether and how easily users reach their goal: structure, flows and wording. UI stands for user interface. UI design shapes what users see and operate: layout, colors, fonts, buttons and their states. We plan both together.
How do you test whether our users can find their way around the design?
People from your target group solve typical tasks in the clickable prototype, such as finding an order or filling in a form. We decide with you per project who finds the participants. We observe where they hesitate or take a wrong path, change the design and test again. At the end, you receive a list of observations, sorted by importance and each with a recommended action.
What do we get at the end: Figma files, prototype, design system?
After full payment, you receive the design files of all interfaces in Figma, the link to the prototype, the design system as a library and the rights of use. If we also build the design, you additionally receive the source code developed for you with the Git repository, the technical documentation and all access credentials.
Do you also build the design, and who looks after it afterwards?
Yes. The same team develops your website with WordPress, TYPO3 or Webflow, your shop, your app or your software. If your company has its own developers, we hand the design over to them with all states and screen sizes. We also build designs created by another team. After go-live, we continue to look after the website or app on request, with updates, monitoring and further development.
Can you rework our website without rebuilding it completely?
Yes. First we record what works well today and can stay. With your analytics data, we see where visitors get stuck; the Website Check shows how fast a page loads and which barriers can be found automatically. We improve these templates and pages in the existing system. If the structure or system no longer suits your company, we plan a relaunch with you.
When is a design system worthwhile?
As soon as several websites, apps or teams use the same building blocks, your product keeps growing or your brand drifts apart in different places. For a single smaller website, a lean style guide and a small component library are enough. We make the system as large as necessary and extend it with your product.
Does our website have to be accessible?
If consumers conclude a contract online through your website, for example in a shop or with a booking, the BFSG has generally applied to you since June 28, 2025. Micro-enterprises that provide services are exempt. The law usually does not affect purely informational websites and shops exclusively for business customers. We design every project to be accessible in line with WCAG 2.2, level AA, even if the law does not affect you.
Do we need a brand identity first?
Not necessarily. If the logo, colors and fonts are set, we carry them over into the design system and design the website and app with them. If they are missing or your brand looks different everywhere, we first develop the brand identity and test it right away on the first views.
What do you need from us to get started?
You do not need a briefing or a requirements specification. Briefly describe your goal and your users. It helps to have the address of your website, examples you like with a sentence on what you like about them, and existing logos, fonts or a style guide. If you like, also share access to your analytics data.
Tell us who uses your website or app and what should become easier there. We will get back to you as soon as possible and find a date for the initial consultation with you.
Illustrator
Figma
After Effects
Lottie
Rive
Blender
Photoshop
Code
Sketch
Framer
InDesign
Tailwind CSS
Webflow
WordPress
TYPO3
Matomo
Google Analytics
Hotjar