Дизайн сайтів, сторінок, інтерфейсів і фірмового стилю

Дизайн у Best Boost Partners охоплює все, що бізнес показує на екрані та в друці: сайти, окремі сторінки, інтерфейси, логотипи, фірмовий стиль, банери, презентації та друковані матеріали. Малює дизайнер студії, і дизайн можна замовити окремо, без розробки та SEO. SEO і розробку веде та сама студія, тому дизайн сайту спирається на структуру, зібрану за семантикою, і передається готовим до розробки. Ви отримуєте вихідні файли, експортовані зображення, UI-кіт або гайд із фірмового стилю та специфікацію для розробників.

Залишити бриф Запитати у WhatsApp

Коротко

Для кого: Компанії, інтернет-магазини, сервіси й медіа, яким потрібен дизайн сайту, сторінки чи інтерфейсу, логотип або графіка для екрана та друку.
Що входить: Бриф і референси, структура та прототипи, концепція на ключових екранах, решта екранів, версії для телефона й планшета, UI-кіт, передача.
Що ви отримуєте: Вихідні файли макетів, експортовані зображення, перелік шрифтів із нотаткою про ліцензії, UI-кіт або гайд і специфікація для розробників.
З чого почати: Заповнений бриф, приклади дизайну, який подобається і не подобається, логотип і фірмові матеріали, якщо вони є, та людина, яка погоджує макети.

Що входить у дизайн у Best Boost Partners?

Дизайн у Best Boost Partners поділено на чотири напрями. Кожен напрям має власну сторінку з переліком робіт і файлів, які ви отримуєте.

Дизайн сайтів
Головна й шаблони внутрішніх сторінок, сітка, типографіка та колір, макети для комп’ютера й телефона, бібліотека компонентів для складання нових сторінок.
Докладніше
Дизайн сторінок і лендингів
Одна сторінка під одну дію: пропозиція на першому екрані, блоки в порядку запитань відвідувача, короткі форми. Редизайн окремих сторінок наявного сайту.
Докладніше
Дизайн інтерфейсів (UI/UX)
Користувацькі сценарії, карта екранів і клікабельні прототипи; таблиці, фільтри, форми й дашборди для сервісів, особистих кабінетів і CRM; дизайн-система для розробників.
Докладніше
Логотип, фірмовий стиль і графіка
Логотип у кількох компонуваннях, кольори, шрифти й короткий гайд; банери, графіка для соцмереж, презентації, візитівки та інша поліграфія. Файли для екрана та друку.
Докладніше

Коли бізнесу потрібен дизайн?

Ви запускаєте сайт або продукт, а візуального стилю ще немає: ні логотипа, ні кольорів, ні шаблонів сторінок.
Поточний сайт має застарілий або різнорідний вигляд, і кожну нову сторінку намальовано інакше, ніж попередню.
Розробники готові почати, але не мають макетів, станів елементів і мобільних версій, за якими можна верстати.
Сервіс, особистий кабінет або CRM розросталися екран за екраном, і користувачі плутаються в таблицях і формах.
Компанії потрібні банери, презентації, графіка для соцмереж або друковані матеріали в одному впізнаваному стилі.

Як відбувається робота над дизайном?

Бриф, референси й конкуренти
Ви заповнюєте бриф, ми відповідаємо протягом одного робочого дня. Просимо показати приклади дизайну, який вам подобається, і дизайну, який не подобається, та дивимося, який вигляд мають конкуренти. Потім називаємо ціну й термін і фіксуємо обсяг робіт у договорі разом із кількістю кіл правок.
Структура і прототипи
Ще до появи кольору погоджуємо, що стоїть на кожному екрані та в якому порядку. Для сайту структуру беремо із семантики, якщо SEO робимо ми, або з переліку сторінок, який надаєте ви. Прототипи показують блоки, заголовки й дії в сірому кольорі, тож розмова точиться про зміст і логіку.
Дизайн-концепція на ключових екранах
Дизайнер повністю малює один або два ключові екрани: сітку, типографіку, колір, зображення, кнопки. Ви бачите напрям на справжньому екрані й затверджуєте концепцію або повертаєте її із зауваженнями до початку решти роботи.
Решта екранів і адаптивні версії
Після затвердження концепції дизайнер малює решту екранів і версії для телефона та планшета. Повторювані елементи збираються в компоненти, тому та сама кнопка чи картка має однаковий вигляд на всіх екранах.
UI-кіт і передача розробникам
Готові макети передаємо у вихідних файлах у редакторі, погодженому з вами, наприклад у Figma, разом з UI-кітом, експортованими зображеннями та специфікацією. Розробники отримують усе потрібне для верстки й не вгадують розміри, кольори та стани.

Що ви отримуєте після завершення роботи над дизайном?

Вихідні файли макетів у редакторі, погодженому з вами, наприклад у Figma, з підписаними сторінками, фреймами й шарами.
Експортовані зображення: прев’ю екранів, іконки та ілюстрації у форматах, потрібних розробникам або друкарні.
Перелік використаних шрифтів із нотаткою про те, яка ліцензія потрібна кожному шрифту для сайту, застосунку чи друку.
UI-кіт із кольорами, текстовими стилями, кнопками, полями форм та іншими компонентами в усіх станах або гайд із фірмового стилю.
Специфікацію для розробників: сітка, відступи, контрольні точки й поведінка елементів під час наведення, натискання та помилки.

Що робить дизайн готовим до розробки та щоденної роботи?

Спершу структура і зміст
Макет малюється під справжні заголовки, справжні тексти й реальну кількість товарів чи пунктів меню. Дизайн, який тримається лише на кількох коротких словах у кожному блоці, ламається першого ж дня роботи.
Кожен елемент має стани
Кнопки, посилання, поля форм і меню намальовано у звичайному стані, під час наведення, натискання, у неактивному вигляді та з помилкою. Розробникам не доводиться вигадувати те, чого немає в макетах.
Компоненти замість разових сторінок
Повторювані елементи зберігаються в бібліотеці компонентів із заданими розмірами, відступами та стилями. Нова сторінка згодом збирається з тих самих частин і зберігає стиль без нового дизайн-проєкту.

Часті запитання

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

Прайс-листа на дизайн немає: вартість залежить від кількості екранів або макетів, адаптивних версій і кіл правок. Best Boost Partners називає ціну й термін після брифа та вивчення проєкту. Обсяг робіт фіксується в договорі.

Як влаштовані кола правок у дизайні?

Кількість кіл правок фіксується в обсязі робіт за договором до початку роботи. Коло означає, що ви збираєте всі зауваження до етапу в один перелік, а дизайнер відповідає на весь перелік одразу. Зміни понад погоджені кола та правки до вже затвердженого етапу обговорюються й оцінюються окремо.

Що буде, якщо дизайн-концепція нам не сподобається?

Концепцію показують на одному або двох ключових екранах, щоб напрям можна було змінити на ранньому етапі. Ви кажете, що не працює і чому, а дизайнер доопрацьовує концепцію в межах погоджених кіл правок. Решта екранів малюється лише після затвердження концепції.

У якому форматі ви передаєте дизайн?

Макети передаються у вихідних файлах у редакторі, погодженому з вами до початку роботи, наприклад у Figma. Разом із вихідними файлами ви отримуєте експортовані зображення, перелік шрифтів із нотаткою про ліцензії та UI-кіт або гайд із фірмового стилю. Розробники отримують специфікацію із сіткою, відступами та станами елементів.

Чи може дизайнер працювати в межах нашого фірмового стилю або стилю сайту?

Так. Якщо компанія має логотип, гайд із фірмового стилю чи робочий сайт, дизайнер бере наявні кольори, шрифти й компоненти за основу. Нові сторінки або матеріали малюються в цьому стилі, а UI-кіт чи гайд поповнюється новими елементами.

Дизайн сайтів, сторінок, інтерфейсів і фірмового стилю

Коротко

Що входить у дизайн у Best Boost Partners?