01 / WEB & MOBILE
Web and mobile interfaces
For a new website, service or app.
We design clear navigation, screens and responsive layouts for mobile and desktop.
DELIVERABLES
Responsive layouts · components · states
UI/UX DESIGN / WEB & MOBILE
UI/UX design for
websites and apps.
Design that guides people to action.
We design structure, user flows and responsive interfaces in Figma. For a new product or a redesign — from the first sketch to developer-ready layouts.
THREE DIRECTIONS · ONE GOAL
UI/UX design services
A new website, service or app. We help define the scope you need: an interface, a prototype or a redesign.
02 / PROTOTYPE
Prototyping
When you need to explore an idea before development.
We build the structure and clickable flows, from the first screen to the intended action.
DELIVERABLES
Screen map · wireframes · prototype
03 / REDESIGN
Redesign
For an existing product that is difficult to use.
We review existing screens, identify problems and update the logic and visual system.
DELIVERABLES
Audit · priorities · new layouts
03 / A PRACTICAL EXAMPLE
UI and UX: different tasks, one experience.
Imagine booking a consultation. UX defines the journey; UI makes every step clear.
UX / THE BOOKING JOURNEY
- 01 Choose a service
- ↓ Understand the terms and duration
- 02 Choose an available time
- ↓ See the available options
- 03 Leave your contact details
- ✓ Receive booking confirmation
Each screen answers the person’s next question.
UI / CHOOSING A TIME
Your consultation
30 min · online · illustrative example
The selected time stands out. One primary action, without competing buttons.
04 / DETAILS THAT MATTER
We design beyond the ideal journey.
Errors, waiting and success are part of the interface too. People should understand what happened and what to do next.
We plan the required states, keyboard navigation, contrast and readability in the design. Their behaviour is tested during implementation.
01 / HELP PEOPLE FIX ERRORS
Email addressname@
Add a domain after @, for example name@mail.com
02 / SHOW PROGRESS
◌ Sending your request…
03 / CONFIRM THE RESULT
✓ Request received
We will email you the next step.
05 / PROCESS
How we create UI/UX design
We agree on the logic before refining screens. You see the result and share feedback at every stage.
- 01
Discovery
The task, audience and target actions.
Brief and agreed scope
- 02
Logic
Structure, flows and a clickable prototype.
An agreed user journey
- 03
Visual language
Typography, colour, screens and components.
A consistent interface system
- 04
Adaptation
Mobile, desktop and intermediate widths.
Agreed responsive layouts
- 05
Handover
States, specifications and explanations for your team.
Figma, ready for development
06 / WORKING TOGETHER
UI/UX design pricing
Two ways to work together. The final price depends on the agreed screens, states and responsive versions.
01 / ADAPT AN EXISTING FOUNDATION
Template-based design
For a simple project when getting started quickly matters.
from 2 000 ₴Guide: 1–2 working days
- ✓ An existing composition
- ✓ Adapted colours and content
- ✓ Layouts for agreed pages
02 / CREATED FOR YOU
Custom UI/UX
For products with their own logic, user flows and character.
from 12 000 ₴Guide: 3–5 working days
- ✓ Task and flow analysis
- ✓ Unique screens and components
- ✓ Responsive layouts in Figma
“From” prices are starting estimates for a small agreed scope, not the price of any website or app. Timelines begin after the brief and materials are ready; waiting for feedback can extend them.
Design + development at WebGid
If you also commission development at WebGid, any credit for custom design is recorded in the quote.
What we agree separately
User interviews and testing, participant recruitment, copywriting, branding, paid fonts and illustrations, complex animation and development support. We include only the work you need.
07 / DELIVERABLES
What you receive after design
WEBGID / YOUR PRODUCT
01 / STRUCTURE
Agreed pages and flows. A clickable prototype if it is included in the brief.
02 / INTERFACE
Layouts for agreed widths, form errors, empty states and other required scenarios.
03 / SYSTEM
Components and styles for the agreed layouts. An extensive design system is a separate scope.
04 / HANDOVER
An editable Figma file, required assets and explanations for your development team.
Design handover does not mean a live website. Programming, content and publishing are estimated separately.
Need development too?
08 / BEFORE WE START
UI/UX design questions
01 / Can I order just a prototype?
Yes. We agree on the flows and create a clickable Figma prototype, without requiring a full design order.
02 / Can you redesign part of a website?
Yes. We identify problem pages and priorities, preserve what works and agree on the redesign scope.
03 / What do you need for a quote?
A product description, target audience, desired actions and timeline. Include the existing site, brand materials and references if available.
04 / Is development included?
Design and development are separate stages. Front-end implementation and programming are estimated after agreeing on the brief.
05 / How do revisions work?
We agree on the number of iterations before starting. You consolidate comments into one list and we make the agreed changes. New screens or changes to approved logic are quoted before work begins.
06 / Do you test with users?
We review flows and agreed states as part of design work. Separate research and tests with real users require agreed objectives, participants and a budget.
07 / Does design guarantee more enquiries?
Design helps remove obstacles, but results also depend on your offer, traffic, content and implementation. The impact is measured using post-launch data.
08 / Can another team develop the website?
Yes. We hand over the agreed Figma layouts and explanations. Access, assets, licences and further consultation are agreed before work begins.
THE NEXT STEP — YOUR IDEA
Let’s create an intuitive experience.
Tell us about your product and the task. We will help define the format, scope and next step.
Working online with businesses in Ukraine and worldwide.
