Skip to content
DESIGN · FIGMA

Design a developer can implement without guesswork.

Prototypes, page design and a UI kit in Figma, with all states, responsive layouts and spacing. No "how should this look on mobile?" in the middle of development.

UI/UX design for a website means a prototype, visual page design and a UI kit in Figma that a developer can implement without guesswork. It suits owners of websites and stores who need their own style, responsive layouts and clearly defined interface states. A prototype costs from UAH 8,000, website design from UAH 30,000, hourly work from $20, and the first results arrive in as little as 1 week.

$ figma handoff --checkfrom 1 wk
[PASS]Desktop · 1440
[PASS]Mobile · 375
[PASS]States: hover, error, empty
[PASS]Color and typography tokens
[WARN]Grey contrast 3.9:1
[INFO]42 components in the UI kit
pricefrom $20 / h

When you need a designer

Template-based websiteIt looks like everyone else's, and you need your own visual style.
Mockups without statesThe developer guesses what an error or an empty list looks like.
Weak mobile UXMost traffic comes from phones, but the design is made for desktop.
Interface chaosFive kinds of buttons: you need a design system.

From structure to a UI kit

First the prototype and structure, where changes are cheap. Then the visuals, once the logic is agreed.

FigmaFigJamVariablesAuto layout
UX
[PASS]Sitemap and user flows
[PASS]Wireframes of key pages
[PASS]Clickable prototype
UI
[PASS]Design concept in 1–2 variants
[PASS]All pages, desktop + mobile
[PASS]Icons, illustrations, photo style
Design system
[PASS]Colors, typography, grid
[PASS]Components with all states
[PASS]Design tokens for development
Handoff
[PASS]Spacing and behavior specification
[PASS]Graphics export
[PASS]Development support

Prototype, design or system

All prices
Prototype
from UAH 8,000
  • Sitemap
  • Wireframes of 5–8 pages
  • Clickable prototype
Discuss design
Website designPOPULAR
from UAH 30,000
  • Prototype + 2 concepts
  • All pages, desktop + mobile
  • UI kit
  • Development support
Discuss design
Hourly
from $20 / h
  • New pages and components
  • Revisions to existing design
Discuss design
SAMPLE RESULT

What a component specification looks like

Button / PrimaryREADY
#Sizes
sm 36 · md 44 · lg 52 px · radius 10
#States
[PASS]default · hover · active · focus · disabled · loading
#Colors
bg accent/500 → hover accent/600
text ink/900 · contrast 5.8:1
#Behavior
→loading: spinner, width doesn't change

Every component is described so the developer doesn't have to ask. This saves dozens of hours of clarifications.

[PASS]All component states[PASS]Tokens, not "by eye"[PASS]WCAG contrast check

From brief to handoff

  1. wk 1
    ResearchBrief, competitors, user flows.
  2. wks 1–2
    PrototypePage structure and logic.
  3. wks 2–3
    DesignConcepts, approval, all screens.
  4. wk 4
    HandoffUI kit, specifications, support.

What the design includes

The work moves from structure to visuals, because changes to logic are cheaper at the early stages:

  • UX. Site map, user scenarios, wireframes of key pages, a clickable prototype.
  • UI. A design concept in 1–2 variants, all pages for desktop and mobile, icons, illustrations and photo style.
  • Design system. Colors, typography, grid, components with all their states, tokens for development.
  • Handoff. A specification of spacing and behavior, graphics export, support during development.

We hand over the Figma file to your account, and you own the designs. We don't do logos or branding, only interfaces.

How much web design costs and what affects the price

The price of web design depends first of all on the number of unique screens and the depth of detail. In the packages the ranges are: prototype from UAH 8,000, website design from UAH 30,000, hourly work from $20. All project benchmarks are collected on the pricing page.

FactorHow it affects the price
Number of pages and templatesEvery unique template needs its own layout for desktop and mobile
ConceptsTwo concept variants take more time than one
Interface complexityCart, filters and a personal account have many states
Design systemA UI kit with components and tokens adds scope but saves development time
Existing materialsA ready brief, references and content speed up the work
RevisionsTwo rounds at each stage are included in the price, extra rounds are billed hourly

E-commerce store design: where we focus

For a store, the pages where the purchase decision is made matter most: the catalog with filters, the product page, the cart and checkout. Orders are easy to lose to small details here. For the typical reasons shoppers abandon a cart, see the article why orders get lost at checkout. We handle the mobile version separately, because a large share of visitors come from phones.

For a store it is also worth agreeing in advance what an empty cart, a payment error, an out-of-stock product and long names in cards will look like. These screens are rarely drawn "on the first try", yet they are what most often spoils the impression of a site after launch.

How the work goes

  1. Week 1. Research: brief, competitors, scenarios.
  2. Weeks 1–2. Prototype: structure and page logic.
  3. Weeks 2–3. Design: concepts, approval, all screens.
  4. Week 4. Handoff: UI kit, specifications, support.

A prototype lets you see the logic of the site before the first screen is drawn. It makes it easy to spot unnecessary steps, unclear navigation and forgotten scenarios, and fixing them at this stage takes hours, not days.

The timelines are approximate and depend on the number of pages. After approval you get not just pictures but a well-organized file that is easy to navigate: pages, components and styles are named clearly, so any developer quickly finds what they need. First you approve the prototype, and only then do we move on to visuals.

When you don't need a designer, and how our approach differs

If you only need existing mockups implemented, order website development or full-stack Laravel and Nuxt development. For a site that already works and only needs a quality check of its interface, start with an e-commerce QA audit. And if you are interested in a logo or brand identity, that is not our profile, and we will recommend a branding studio.

The practical result is that the developer receives mockups with every state, including error, empty list and loading, and doesn't have to guess what a screen should look like. Fewer clarifications in the middle of development means less rework.

Every component is described so the developer doesn't need to ask: sizes, states, colors and behavior. We check contrast against WCAG and use tokens instead of values chosen by eye. The design is done by a team that also writes code, so the mockups take implementation constraints into account. To see how this looks in practice, read how to choose a web development contractor. For UI/UX design of a website, it helps to come with examples you like and with what you dislike about your current version. That shortens the research stage and gets us to the style you expect faster. When you are ready, describe the task in the brief.

Questions about the service

Didn't find an answer? Message us on Telegram.

How many rounds of revisions are there?

Two at each stage are included in the price. That is usually enough.

Can I get design without development?

Yes. The mockups will be ready for any developer.

Do you do logos and branding?

No, only interfaces. We will recommend a branding studio.

Who owns the mockups?

You do. We hand over the Figma file to your account.

How much does website design cost?

A prototype costs from UAH 8,000, a full website design from UAH 30,000, and hourly work from $20. The final amount depends on the number of pages, the complexity of the interfaces and the number of concepts. We name the exact cost after you describe the project.

How long does UI/UX design for a website take?

Roughly from 1 week for a simple prototype and about 4 weeks for the full cycle: research, prototype, design and handoff to the developer. Timelines depend on the number of pages and how quickly approvals come from your side. We build a more precise schedule after the brief.

How is UX different from UI design?

UX covers structure: scenarios, navigation and page logic, while UI covers the visual part: colors, typography and components. We start with a prototype, where changes are cheap, and move on to visuals only after the logic is approved, so revisions cost less.

What do you need from me to start the design?

Fill in the brief and add a link to your current site, if there is one, and examples you like. A description of your audience, a list of the pages you need and the copy also help. If something is missing, we will help put it together during the research stage.

Tell us about your project.

We reply within 2 business hours. An estimate with a price and timeline range follows within 1 day.

01Reply within 2 hours0220-minute call03Estimate within 1 day
What you need

By submitting the form you agree to the privacy policy.