Contact

Web design for sites and products

Sites, product interfaces, design systems and redesigns — drawn straight in code, from 360px to wide screens, for your audience.

04 services

Subsections

In short

Web design is how a site or a product looks and behaves on a screen: structure, typography, colour, states and motion. We design websites, product interfaces, design systems and redesigns — and draw them straight in code, so what you approve on the test domain is exactly what your customers see. Every screen is designed from 360px to wide monitors, with a dark theme, accessibility and all states: empty, loading, error, success. The visual language is chosen for your audience, not for taste. The price is counted in hours and fixed before the start.

What we build

Services in detail

Service What’s included Who it’s for Link
Websites
  • Site concept, art direction and visual language — not a template with your logo dropped in
  • Layouts designed as they will actually be coded, so nothing dies in handoff
  • Responsive from 360px to ultrawide, dark mode included
  • Typography chosen for reading, not for screenshots
  • Every state drawn — empty, loading, error, success
  • Accessibility built in: contrast, focus, keyboard, motion preferences
  • Companies whose site looks like their competitors' because it came from the same template
  • Businesses whose product is better than the impression their site makes
  • Anyone who has been sent a beautiful mockup no developer could build
 Go deeper about Websites
Product Design, UX/UI
  • Research into how people actually use the thing, not how you assume they do
  • User flows, information architecture, interactive prototypes
  • Interface design for dashboards, portals, tools and admin panels
  • Complex data made readable — tables, filters, forms people finish
  • Onboarding and empty states treated as features, not afterthoughts
  • Design decisions documented, so the next person knows why
  • Teams whose product works but nobody can figure out how to use it
  • SaaS and services losing users somewhere between signup and value
  • Founders whose interface grew feature by feature and now fights itself
 Go deeper about Product Design, UX/UI
Design Systems
  • Components, patterns and states designed once and reused everywhere
  • Design tokens for colour, type, spacing and motion — one source of truth for design and code
  • Documentation your developers and designers will actually open
  • Figma library set up so new screens take hours instead of days
  • Handover, training and rules for adding to the system later
  • Accessibility encoded into components, so it cannot be forgotten
  • Products where every screen looks slightly different from the last
  • Teams with more than one designer or more than one developer
  • Companies whose design debt now costs more than new features
 Go deeper about Design Systems
Redesign
  • Audit first: analytics, behaviour, and what is actually losing you money
  • New structure and visual language without throwing away the traffic you have
  • Staged rollout — page by page, with numbers compared before and after
  • SEO preserved: URLs, redirects, structure handled properly
  • Old content reworked, not blindly migrated
  • Performance fixed at the same time, because a redesign is the only good moment for it
  • Sites that still convert but embarrass you in a sales meeting
  • Companies whose positioning changed years ago but whose site never did
  • Anyone afraid to touch a site that brings leads and might break
 Go deeper about Redesign

What good web design gives a business

Not a nice picture, but a screen people understand, trust and use to the end.

  1. 01

    Understood in seconds

    What this is, who it is for and what to do next — clear from the first screen.

  2. 02

    Trust before the first call

    A neat, consistent interface says more about the company than a list of advantages.

  3. 03

    More people reach the goal

    Forms, filters and buttons are where they are expected — fewer people give up halfway.

  4. 04

    The same on every screen

    From a small phone to a wide monitor, in light and dark themes.

  5. 05

    Easy to grow

    New pages and features are assembled from ready components and do not break the style.

  6. 06

    For everyone

    Contrast, keyboard and screen readers — a site that people with any abilities can use.

A site, a product, a system or a redesign: what you need

Four web design services solve different tasks. Find yours.

SituationWhat it is aboutService
You need a new site that does not look like a template art direction, a visual language, all pages and states Website design
The product works, but nobody understands how to use it research, scenarios, prototypes, interfaces Product UX/UI
Every screen looks slightly different components, tokens and rules — one source of truth Design system
The site still sells, but you are embarrassed by it a new look without losing the traffic it earned Redesign

How web design works with us

Static mockups are left out on purpose: design and front end are done by one person, and you see the result live.

  1. Task and audience

    What the design must achieve and for whom — the visual language is derived from this.

  2. Structure

    Pages, blocks and paths before any graphics — changing things here is cheap, later it is expensive.

  3. Sketches

    Figma is a draft: for trying out an idea and checking the composition.

  4. Key screens in code

    The main screens are agreed first, live on the test domain, on your own phone.

  5. All the rest

    The remaining pages, every state, the dark theme and every width from 360px.

  6. Edits

    One round per stage is included; a second means the brief was wrong, and we go back to it.

What you get

The result is not a set of pictures but a working interface and the rules for developing it.

Interface

  • All pages and screens in code, in light and dark themes
  • Every state: empty, loading, error, success
  • Responsive layout from 360px to wide monitors

System

  • Tokens of colour, type, spacing and motion
  • Components and the rules for using them
  • Accessibility built into the components

Files and rights

  • Source files, fonts with licences, icons and images
  • Rights handed over when the work is accepted

Common web design mistakes

  1. Drawing for a desktop only

    Most people open the site on a phone. The phone version is designed first, not squeezed later.

  2. Only the “happy” state

    Empty lists, errors and loading are drawn too — otherwise developers improvise.

  3. Placeholder text

    A layout made for invented text breaks as soon as the real one arrives.

  4. Contrast for beauty

    Pale grey text on white looks elegant and cannot be read in the sun.

  5. A mockup that cannot be built

    Effects that slow the site or do not survive real data are cut during development — and the idea is lost.

Questions about web design

How much does web design cost?

The price is counted in hours and depends on the number of screens and states. The sum is fixed before the start; the estimate is free.

Do you hand over mockups in Figma?

Web design is done straight in code — Figma is used for sketches. If your team builds the product, we hand over a component library and the rules.

How many design options will there be?

One direction, reasoned from the task and the audience, agreed on the key screens. Several random options are a lottery, not design.

Are the mobile version and dark theme included?

Yes, they are part of the work, not an extra.

Can you design a site that another team will build?

Yes: we hand over the components, tokens and rules in code. It works best when design and development stay in one pair of hands.

Online form

Discuss
web design

Tell us what you are designing — a site, a product or a redesign — and who it is for. We will suggest an approach and estimate the work. The consultation is free.

Or write to [email protected]