UI design
UI design is the design of the screens a user sees and touches on a website or app. It covers colours, fonts, buttons, spacing and icons. The goal is a screen that fits the brand and is easy to read and use.
What is UI design?
UI stands for user interface, and UI design is the design of everything the user sees on screen. Colours, fonts, button shapes, spacing, icons and form fields are all part of it. A good interface does more than look nice. It shows people what to do without explanation.
Here is an everyday case. On a product page, the "Add to cart" and "Add to favourites" buttons have the same colour and size. Visitors pause to work out which one matters. In good UI design, the main button stands out in colour and size and the second one stays quiet. The eye goes to the right place first. The same logic applies to light grey text on a light grey background that nobody can read.
How does it work?
UI design usually starts once the flow is settled. First, UX work sets page order and content. Then colours, fonts and components are gathered in a design system: each button, heading and form field is designed once and reused everywhere. Finally the screens become a clickable prototype that you approve before any code is written.
Seeing and approving the design before coding prevents expensive changes later. See how we work on our web design page.
Frequently asked questions
Which tools are used for UI design?
Figma is the most common. Screens, components and the prototype live in one file, and you can review it in a browser and leave comments.
Does UI design affect accessibility?
Yes. Contrast between text and background, font size and button size decide whether people with low vision and older users can use the site at all.
Can UI design start without a brand identity?
Yes. A logo and a few core colours are enough to begin. Colour and type rules take shape during the UI work and can be reused later.