Skip to content

— Kharkiv

Start a conversationwith our team

(SW® — 01) Service

A unique layout built for your brand: desktop, tablet and mobile versions, considered button and form states, ready for development.

Website design in Figma that sells, not just looks good

(SW® — 02) Terms

Price
from $25/hour
Timeline
after the brief
Fill in the brief 5 min
  • 210+ projects since 2016
  • 3 screen versions in every layout

(SW® — 03) Diagnosis

Website design fails when…

  1. 01

    It is a template your customers have already seen.

    Identical blocks in identical sites make you one of many and reduce the choice to price.

  2. 02

    It is pretty but unclear where to click.

    A design that distracts from the main action sells worse than a simple but clear one.

  3. 03

    The layout exists only for desktop.

    On a phone and a tablet the site falls apart because nobody designed those screens.

  4. 04

    The designer handed over a picture and the developer guesses.

    Without states, components and order in the file, the build does not come out as intended.

Good design does not decorate a site. It leads the customer to an enquiry.

(SW® — 05) What is included

What is included

Price
from $25/hour
Timeline
after the brief

001. Step

Brief and references

We learn about your business, audience, the examples you like and your style, if you have one.

  • The business, audience and goal of the site
  • References and your brand style
  • What the customer should feel on the first screen

You getA shared understanding of the direction we are heading in.

002. Step

Style direction

We show the overall direction before the details, to agree it at the start and have fewer revisions.

  • Colours, typography and mood
  • One or two directions to choose from
  • Approval before work on the details

You getAn approved direction from which the whole layout is built.

003. Step

Key screens

We draw the home page and key pages with the emphasis on the main action.

  • The home page and key pages
  • Clear calls to action
  • Block logic without placeholders

You getLayouts that already show how the site will work.

004. Step

Design system

We build not separate layouts but a set of components: typography, buttons, cards, forms.

  • Typography and colour styles
  • Buttons, cards and forms as components
  • New pages built from ready blocks

You getA system that grows with the site.

005. Step

Responsive versions, states and animation

We design the mobile and tablet versions, the states of buttons and forms, and the animation.

  • Desktop, tablet and mobile versions
  • States of buttons, forms and menus
  • Animation and transitions

You getA layout that does not fall apart on any screen.

006. Step

Revisions, approval and handover

We make revisions until final approval and hand over a file ready for development.

  • Revisions until approval
  • Order and naming in the file
  • The Figma file is yours

You getA layout from which a developer works without guessing.

(SW® — 04) Who it is for

Who it is for

© — 001.

A new site or product

You need a design that explains the offer from the first screen and looks as good as your business.

© — 002.

The site looks outdated

The design gives away the launch year. We refresh it so that it builds trust instead of eroding it.

© — 003.

You have a developer but no designer

The developer is ready and there is no layout. We design something that is easy to turn into code.

(SW® — 06) Comparison

A template or design by SWEB?

A ready-made template Design by SWEB
Uniqueness The same look as thousands of other sites A layout built for your brand, no templates
Structure Blocks in the order the template gives An order built around your audience’s objections
System Separate screens A design system: typography, buttons, cards, forms
Screens Desktop only Desktop, tablet and mobile versions
Detail Default states Considered button and form states, animation
Handover Pictures without structure A Figma file ready for development

(SW® — 07) Formats

What we design

We define the scope after a short brief, and it is free.

© — 01

Landing page design

One page that leads to one action.

after the brief

Timeline: after the brief

  • A unique layout built for your brand
  • Desktop, tablet and mobile versions
  • Considered button and form states
  • Revisions until final approval
  • A Figma file ready for development

© — 02 Recommended

Website design and design system

A multi-page site with a set of components.

from $25/hour

Timeline: after the brief

  • Unique design, no templates
  • A design system: typography, buttons, cards, forms
  • Key pages in three screen versions
  • Animation and states of interactive elements
  • New pages built from ready blocks
  • A Figma file ready for development

© — 03

Refreshing an existing design

A fresh look within your own style.

after the review

Timeline: after the review

  • A review of the current design
  • A refresh within your style and logo
  • A new structure if it raises conversion
  • Desktop and mobile versions
  • A Figma file ready for development

(SW® — 06) Related work

Related work

All projects

(SW® — 11)Client reviews

Client reviews

What the companies we have worked with have to say.

All reviews

We sold dancewear through Instagram and were drowning in DM orders. The team built a store where the customer picks size and colour themselves, and orders finally stopped getting lost. Worth adding: we have run the catalogue ourselves ever since, without coming back for small changes.

Anna Founder
Project — Dress-fit

(SW® — 09) Guarantees

A layout you can build from

  • 01

    Direction first, details second

    We show layouts before development and agree the overall direction before the details. That means fewer revisions.

  • 02

    The layout is yours

    We hand over the Figma file: you can give it to any developer.

  • 03

    We work in your style

    A website design does not have to mean a rebrand: if your logo and colours work, we keep them.

  • 04

    Ready for the build

    Components, states and order in the file so the developer does not have to guess.

(SW® — 10) FAQ

Questions about design

001. Will I receive the Figma file?

Yes. The layout is yours, and we hand over a file with components and order so any developer can use it.

002. Can you work from our brand book?

Of course. We work within your style if it works. We do a rebrand only when it is needed.

003. How much does design cost?

Hourly work from $25/hour. We name the sum after a short brief, once the number of pages and the complexity are clear.

004. Do you build the site from your design?

Yes. Once the layout is approved we can build it and connect it to a CMS or platform. See the front-end and responsive service.

005. Can I order only the design without development?

Yes. We hand over a finished Figma file and you can give it to your own developer.

006. Why not generate the design with AI?

AI gives variants that resemble each other and does not build a system of components, states and scenarios. Such a layout looks good on one screen and falls apart in use. We use AI as a tool, and a designer who answers for the result makes the decisions.

(SW® — 09) Other services

Other services

(SW® — 12) Next step

Tell us about the project. We will show what its design could be.

Describe the business, the audience and examples you like. We will give you an honest estimate of scope and cost.

Fill in the brief
No commitment and no prepayment.
Discuss Project