Insights
Website relaunch in five steps
Goals, content and redirects need a plan before design starts. Five steps that protect your visibility and enquiries.
UX and UI design
Design systems, typography and interfaces that make your brand recognisable and hold up in usability tests.
User testing backs every design decision.
The interface decides whether customers enquire or find their way around a portal. Weak navigation often shows only later, as drop-offs and support requests.
-
So we begin with research and clear goals. We test wireframes and clickable prototypes with real users before any budget goes into code.
-
Designers and developers work in the same team. Every design is checked for technical fit, meets WCAG 2.2 AA and exists as a component in Figma and in code.
-
The result is a design system that grows with your product and keeps new pages consistent.
Scope of work
We combine these parts to suit each project.
Interviews, surveys and data show who your users are and what they need to get done. We turn the findings into personas and user flows.
Content and features follow your users’ tasks. Card sorting and tree tests check the structure before design starts.
Wireframes set the layout, content and flow of the key page types.
Prototypes show flows the way users will meet them. We test them before you sign off.
Your brand becomes colour, type, icons and imagery, chosen for legibility.
Websites that present your brand clearly and lead visitors to an enquiry, a purchase or a call.
Every interface is planned from the smallest screen up and adapts to tablet and desktop.
Buttons, forms and menus give clear feedback. Motion has a purpose and can be turned off.
Real users work through real tasks, remotely or on site. We rank the findings by severity and effort.
We design to WCAG 2.2 AA, which covers the European Accessibility Act and Germany’s BITV 2.0.
Design tokens, components and documentation give design and development a shared basis.
21 topics in UX and UI design
-
Design system development
Components, colours and typography, so the brand looks the same on every page.
-
Colour and typography consultancy
Colours and typefaces that suit the brand and meet WCAG contrast.
Research and testing, 6 topics
- User research and personas User research establishes who your users are and what they need, and puts that knowledge to work across the project.
- Usability testing Usability testing shows where your interface holds real users up as they work through real tasks.
- UX audits for existing websites A UX audit shows which improvements to your existing website will pay off most.
- Measuring UX metrics and KPIs UX metrics show which changes work, giving you a sound basis for deciding where the budget goes.
- Accessibility reviews for designs Reviewing designs against WCAG 2.2 AA catches barriers while they are cheap to fix.
- Conversion rate optimisation through UX Conversion rate optimisation makes it easier to enquire, buy or register, backed by data and tests.
Concept and structure, 9 topics
- Wireframing for web projects Wireframes settle the structure and flows of a website before design and development use up budget.
- Navigation and menu structure Clear navigation organises content so that visitors find what they need without detours.
- Responsive UI design Planning layouts from the smallest screen upwards makes them work on every device.
- UX design for complex web applications UX design for portals, customer areas and business applications lets people work in them quickly and safely every day.
- Accessible UX design Accessible UX design makes interfaces usable for everyone, including with a keyboard or screen reader.
- UX mockups for stakeholders Realistic mockups make a plan visible, so management and business units can decide from the same picture.
- UX writing and microcopy Clear wording in buttons, forms and messages helps users complete every task in an interface with confidence.
- Storytelling in web design Storytelling gives a page a clear sequence, answering visitors’ questions in turn until they are ready to decide.
- Scrollytelling for complex topics Scrollytelling explains complex topics step by step as users scroll, built to load fast and stay accessible.
Interface and design system, 6 topics
- Design system development A design system built from components and tokens keeps interfaces consistent and gets new pages live sooner.
- UI design with Figma Designing interfaces in Figma as components and prototypes gives sign-off and development one shared basis.
- Creating UI guidelines UI guidelines set binding standards so that in-house teams, agencies and developers produce consistent interfaces.
- Colour and typography consultancy Colour systems and typefaces designed for screens carry your brand and stay legible on every device.
- Designing microinteractions Microinteractions use small cues and transitions to show what is happening on screen.
- Design-to-development handover A complete handover with specs, tokens and assets lets developers build the design without guesswork.