Сайт гарний, але заявок немає
Спершу будуємо структуру сторінки під одну дію: дзвінок, заявку чи покупку. Потім малюємо екрани. Кнопки, форми й тексти стоять там, де їх шукає відвідувач.
UI-дизайн сайту чи застосунку, який веде відвідувача до заявки
Малюємо макети у Figma: від головного екрана до станів помилок і порожніх списків. Ви отримуєте файл, який розробник може верстати без уточнень.
Кошторис і строки після брифу
Кому підходить
- Власникам бізнесу, які запускають новий сайт або лендінг
- Тим, чий сайт застарів і не приносить заявок
- Стартапам, яким потрібен макет застосунку для розробників чи інвесторів
- Компаніям, де є розробник, але немає дизайнера
Які задачі вирішуємо
Розробник питає: «А як це має виглядати на телефоні?»
Малюємо версії для телефона, планшета й комп'ютера. Додаємо стани кнопок, форм і меню. Розробнику не доводиться вгадувати.
Мінімум три правки на кожен екран, і кінця не видно
Узгоджуємо структуру до того, як малювати. Макет показуємо поетапно. Кількість кіл правок вказана в пакеті наперед.
Страшно, що дизайнер піде, а файли залишаться в нього
Макети живуть у вашому акаунті Figma за погодженими умовами. Ви власник файлів, шрифтів і доступів.
Що входить у роботу
- Короткий бриф і аналіз 3–5 сайтів ваших конкурентів
- Структура сторінок (прототип без кольорів, так званий wireframe)
- Дизайн-концепція: кольори, шрифти, стиль зображень
- Макети в Figma для комп'ютера й телефона
- UI-кіт (набір готових елементів: кнопки, поля, картки) для єдиного вигляду
- Стани елементів: наведення, помилка, завантаження, порожній список
- Клікабельний прототип, щоб пройти шлях користувача до розробки
- Місця під форми, CRM, аналітику та ШІ-чат, якщо вони потрібні
- Підготовка файлів для розробника: шари, відступи, експорт іконок і зображень
- Два кола правок у межах узгодженої структури
Оберіть обсяг роботи
Пакет допомагає описати задачу. Кошторис і строки погоджуємо після брифу та уточнення вимог.
01
Лендінг
Для одної сторінки з однією дією: послуга, продукт, подія
- Структура та тексти-заглушки
- Макет для комп'ютера й телефона
- Базовий UI-кіт
- Два кола правок
02
Сайт
Для корпоративного сайту або інтернет-магазину до 10 типів сторінок
- Аналіз конкурентів і структура сайту
- Макети ключових сторінок і шаблонів
- Повний UI-кіт зі станами елементів
- Клікабельний прототип
- Передача файлів розробнику
03
Застосунок
Для мобільного застосунку або вебсервісу з кабінетом користувача
- Карта екранів і сценарії користувача
- Макети екранів для iOS, Android або веб
- UI-кіт і дизайн-система
- Клікабельний прототип для тестування
- Підтримка розробників під час старту
Як працюємо
Бриф і вимоги
Ви описуєте задачу й поточний процес. Уточнюємо вимоги, обираємо перший етап і готуємо кошторис.
Структура
Малюємо схему сторінок без кольорів. Узгоджуємо, що де стоїть і куди веде кожна кнопка. Змінювати структуру тут дешево.
Стиль і макети
Підбираємо кольори, шрифти й малюємо екрани у Figma. Показуємо проміжний результат, а не лише фінал.
Правки й прототип
Вносимо правки в межах пакета. Збираємо клікабельний прототип, щоб ви пройшли шлях клієнта самі.
Передача
Передаємо файли у ваш акаунт Figma. Пояснюємо розробнику, що де лежить. Оплата йде етапами: аванс, макети, фінал.
Межі роботи
- Не обіцяємо конкретний приріст заявок. Дизайн лише частина результату: важливі ще реклама, текст і пропозиція. Для вимірюваного результату пропонуємо пілот із KPI.
- Не пишемо тексти й не знімаємо фото в межах дизайну. Використовуємо ваші матеріали або заглушки. Копірайтинг і зйомку можна замовити окремо.
- Не верстаємо сайт у межах UI-дизайну. Це окрема послуга: макет готовий до передачі нам або вашому розробнику.
Часті питання
Чим UI відрізняється від UX?
UX (user experience, досвід користувача) відповідає за логіку: які сторінки, у якому порядку, куди веде кнопка. UI (user interface, інтерфейс) відповідає за вигляд: кольори, шрифти, відступи. У наших пакетах є обидві частини, але в базовій формі: структура й макет.
Що мені потрібно підготувати?
Логотип, якщо він є, приклади сайтів, які вам подобаються, і список послуг чи товарів. Тексти й фото можна додати пізніше, тоді в макеті стоять заглушки. Усе інше допоможе зібрати бриф.
Хто володіє макетами?
Ви. Файли лежать у вашому акаунті Figma. Доступи, шрифти та експорт ми передаємо без додаткової оплати.
Скільки кіл правок входить у ціну?
Два кола у межах узгодженої структури. Якщо змінюється сама структура після затвердження, це вже нова робота. Ми порахуємо її окремо й попередимо до початку.
Чи можете ви потім зробити сайт за цим макетом?
Так. Корпоративний сайт, лендінг, інтернет-магазин. Якщо дизайн уже замовлено в нас, його вартість можна врахувати при розрахунку. Також можна віддати макет вашому розробнику.
Як платити?
Порядок оплати погоджуємо разом із кошторисом до старту. Якщо проєкт має кілька етапів, описуємо результат і умови приймання для кожного. Підтримку та зовнішні сервіси враховуємо окремо.
Почнемо з вашої задачі
Опишіть бізнес, бажаний результат і поточний процес. Після брифу уточнимо вимоги та підготуємо кошторис.