UX/UI дизайн сайту

User research. Інтервʼю з трьома або пʼятьма представниками цільової аудиторії, аналіз конкурентів, формування персон і user flows.

Wireframes. Low-fidelity макети всіх ключових екранів, які узгоджуємо перш ніж переходити до візуального дизайну.

UI дизайн. Повний візуальний дизайн усіх екранів у Figma: типографіка, кольори, ілюстрації, фото, іконки.

Інтерактивний прототип. Клікабельний Figma-прототип з переходами між екранами. Можеш «проклікати» сайт ще до розробки.

UI Kit і Design System. Бібліотека компонентів у Figma (кнопки, поля, картки, модальні вікна), токени (color, spacing, typography, radius), Auto Layout, варіанти.

Motion-специфікації. Опис анімацій для розробників: easing, duration, delays, trigger-events. Lottie або відео-референси.

Адаптивні варіанти. Desktop (1440), tablet (768), mobile (375) для кожного екрана.

Handoff. Figma Dev Mode + повна документація для розробника: як використовувати UI Kit, де лежать асети, які CSS-токени застосовувати.

Етап	Тривалість	Deliverable
01 · Консультація + research	3–5 днів	Бриф, персони, user flows, конкурентний аналіз
02 · Wireframes	3–5 днів	Low-fi макети, узгодження структури
03 · UI дизайн	5–14 днів	Hi-fi макети у Figma, два або три раунди правок
04 · Прототип + UI Kit	2–3 дні	Клікабельний Figma-прототип, компоненти
05 · Handoff	1–2 дні	Motion-специфікації, документація для розробника

Замовляй тільки дизайн, коли у тебе власний фронтенд-розробник або інхаус-команда, яка зробить верстку. Або коли ти працюєш з іншою агенцією на розробку, але потрібен преміум-дизайн.

Підходить для редизайну існуючого сайту, де технічна частина залишається і потрібен лише новий UI. Для SaaS-продукту з власною інженерною командою, де нам віддається тільки UI і UX. Для дизайн-системи бренду з кількома продуктами, де ми створюємо UI Kit, який твоя команда використовує далі.

Якщо потрібен повний цикл, дивись розробку лендінгу або корпоративного сайту.

Два проєкти, де дизайн вирішував бізнес-задачу, а не просто «був гарним».

Krasnikova Agency — редизайн бренд-агенції під преміум-сегмент. Стримана serif-типографіка і нове позиціонування дали +320% вхідних запитів при LCP 1.1 секунди.

Yuriy Zimenko — портфоліо інтерʼєрного дизайнера. Чистий UX навколо робіт підняв кваліфіковані заявки до 4× на місяць при Lighthouse 98.

Більше робіт дивись на сторінці портфоліо.

Виконання рівня Awwwards. Наш дизайн виходить на нагороди CSSDA, FWA, Awwwards SOTD.

Розробник-friendly handoff. Твій фронтендер не питатиме «а як це анімувати». Усе є в специфікаціях.

Auto Layout і варіанти у Figma для всіх компонентів UI Kit. Масштабується без зламів.

Дизайн з урахуванням Performance. Знаємо, як зробити макет, щоб розробнику легше було досягти PageSpeed 90+.

Безкоштовний consulting для розробників під час реалізації. Відповідаємо в Telegram-чаті проєкту.

Замовити UX/UI дизайн →

Скільки коштує UX/UI дизайн сайту?

Деталі та ціни дивись у тарифних картках вище.

Що я отримаю?

Файл Figma з готовим дизайном який можна одразу передати розробнику. Всі розміри, відступи і кольори прописані. У Професійному і Максимальному пакетах ще й опис анімацій і клікабельний прототип.

Чи робите тільки дизайн без розробки?

Так. Це окрема послуга для команд, які мають власний фронтенд або працюють з іншим розробником. Передаємо повний пакет: Figma-файли з UI Kit і прототипом, motion-специфікації, design tokens у форматі CSS або JSON.

Скільки часу займає дизайн сайту?

Лендинг сім або десять днів. Корпоративний сайт два чи три тижні. E-commerce або складний продукт від чотирьох до шести тижнів. Залежить від кількості екранів і раундів узгодження.

Скільки раундів правок входить у ціну?

Стандартно два або три раунди правок на кожному етапі (wireframes, UI). Додаткові раунди погодинно або за окремою оцінкою. Дрібні правки в межах одного етапу без обмежень.

Жодних домовленостей «на словах». Усе нижче фіксуємо в договорі ще до старту.