Кейс · Сервісна компанія з портфоліо проєктів · UI/UX Дизайн

Дизайн сайту під ключ — Boostim: UI/UX

Boostim звернулися до нас без сайту чи лендингу — потрібно було створити вітрину, яка показувала б масштаб компанії (230+ клієнтів, 920+ проєктів) і водночас викликала довіру — командою, кейсами та відгуками клієнтів.

case_log.sh

Boostim — Сервісна компанія з портфоліо проєктів, UI/UX Дизайн — кейс Traffic.lab

UI/UXРезультат

Гіпотеза

Boostim прийшли до нас із нуля: сайту чи лендингу ще не було, але була велика кількість довірчих сигналів — цифри, команда, кейси, відгуки, які треба було зібрати в одну структуру. Наша гіпотеза: щоб лендинг працював на довіру, спочатку потрібна чітка інформаційна структура — і тільки потім єдина візуальна система, яка об’єднає статистику, команду і кейси в одне цілісне враження.

Інсайт лабораторії

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

Експеримент

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

1Структура лендингу

Розробка структури лендингу

2UI-дизайн ключових блоків

UI-дизайн головної сторінки з акцентом на статистику (230+ клієнтів, 920+ проєктів)

Дизайн блоку з командними фото

Розробка карток кейсів та відгуків клієнтів

3Дизайн-система

Створення єдиної дизайн-системи (чорно-зелена палітра, шрифти, кнопки)

Результат

UI/UX

За 2 тижні ми розробили повний UI/UX-дизайн лендингу із п'яти секцій та єдиним UI-кітом — готовий до передачі в розробку. Довірчі сигнали (статистика, команда, кейси, відгуки) отримали окремі візуальні блоки з чіткою єрархією значущості. Проєкт завершено.

Висновок лабораторії

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

Питання

Часті запитання про цей кейс

Що входить у дизайн сайту під ключ?

Структуру та UX-логіку сторінки, UI-дизайн всіх екранів, адаптивні версії та єдину дизайн-систему, яка готова до передачі в розробку. Детальніше — на сторінці UI/UX-дизайну.

Чи потрібно готовий контент перед стартом дизайну?

Бажано мати базові факти — цифри, кейси, відгуки. Саме такий контент був у Boostim, і ми побудували структуру лендингу навколо нього, а не навпаки.

Скільки часу займає дизайн лендингу під ключ?

У кейсі Boostim повний цикл від структури до готового UI-кіту зайняв 2 тижні — це типовий термін для односторінкового лендингу без розробки.

Чи входить у дизайн сайту під ключ також розробка?

Ні, цей кейс — лише дизайн і UI-кіт. Розробка та верстка — окремий етап, про який можна дізнатись більше на сторінці розробки сайтів.

Пов'язані послуги