The site looks fine, but nobody enquires
We build the page structure around one action first: a call, a lead or a purchase. Only then do we draw screens. Buttons, forms and copy sit where visitors look for them.
UI design for websites and apps that guides visitors to act
We design in Figma, from the home screen to error states and empty lists. You get a file a developer can build from without guessing.
Quote and schedule after your brief
Who it's for
- Business owners launching a new website or landing page
- Companies whose current site looks dated and brings no leads
- Startups that need app screens for developers or investors
- Teams that have a developer but no designer
Problems we solve
The developer keeps asking what this should look like on a phone
We design desktop, tablet and mobile versions. We add states for buttons, forms and menus. The developer does not have to guess.
Endless revision rounds on every screen
We agree on structure before drawing anything and show work in stages. The number of revision rounds is stated in the package up front.
Fear that the designer disappears and keeps the files
Layouts live in your own Figma account under the agreed terms. You own the files, fonts and access.
What's included
- Short brief and review of 3-5 competitor sites
- Page structure as a wireframe (a layout without colours)
- Visual direction: colours, typography, image style
- Figma layouts for desktop and mobile
- UI kit (a set of reusable elements: buttons, fields, cards) for a consistent look
- Element states: hover, error, loading, empty list
- Clickable prototype to walk the user path before development
- Placeholders for forms, CRM, analytics and an AI chat where needed
- Developer-ready files: layers, spacing, exported icons and images
- Two revision rounds within the agreed structure
Choose the scope
Use a package to describe what you need. We agree on the quote and schedule after reviewing your brief and requirements.
01
Landing page
A single page with one action: a service, a product or an event
- Structure with placeholder copy
- Desktop and mobile layout
- Basic UI kit
- Two revision rounds
02
Website
A corporate site or online store with up to 10 page types
- Competitor review and site structure
- Layouts for key pages and templates
- Full UI kit with element states
- Clickable prototype
- File handoff to the developer
03
App
A mobile app or web service with a user account area
- Screen map and user flows
- Screens for iOS, Android or web
- UI kit and design system
- Clickable prototype for testing
- Support for developers at kickoff
How we work
Brief and requirements
You describe the task and current workflow. We clarify requirements, choose a first stage and prepare a quote.
Structure
We sketch the pages without colours. We agree what goes where and what each button does. Changes are cheapest at this stage.
Style and layouts
We choose colours and fonts and draw screens in Figma. You see work in progress, not only the final result.
Revisions and prototype
We apply revisions within the package. We build a clickable prototype so you can walk the customer path yourself.
Handoff
We move the files into your Figma account and walk the developer through them. Payment is in stages: deposit, layouts, final.
Scope and limits
- We do not promise a specific lift in leads. Design is one part of the result, alongside ads, copy and the offer. For a measurable outcome we suggest a pilot with a KPI.
- We do not write copy or shoot photos as part of design. We use your materials or placeholders. Copywriting and photography can be ordered separately.
- We do not build the site as part of UI design. That is a separate service: the layout is ready for us or your own developer.
FAQ
How is UI different from UX?
UX (user experience) is the logic: which pages, in what order, where a button leads. UI (user interface) is the look: colours, typography, spacing. Our packages cover both, in a practical form: structure and layouts.
What do I need to prepare?
Your logo if you have one, examples of sites you like, and a list of your services or products. Copy and photos can come later, and we use placeholders until then. The project brief helps gather the rest.
Who owns the layouts?
We agree on the handover of code, materials and account access before work starts. Third-party licences and services are listed separately when needed.
How many revision rounds are included?
Two rounds within the agreed structure. If the structure changes after approval, that is new work. We quote it separately and tell you before we start.
Can you build the site from the design afterwards?
Yes. We build landing pages corporate sites and online stores including design. If you commissioned design from us, we count it toward the build quote. You can also give the layout to your own developer.
How does payment work?
Payment terms are agreed with the quote before work starts. For a staged project, we describe the result and acceptance criteria for each stage. Support and third-party services are listed separately.
Start with your task
Describe your business, the outcome you need and your current workflow. We will clarify the requirements and prepare a quote after your brief.