Кейс Hotburo: бренд і сайт Scoutbytes з нуля — модульний логотип, патерн із двійкового коду назви, інтерактивна графіка й розробка на Webflow.
Scoutbytes — команда розробників, яка створює складні високопродуктивні цифрові продукти для технологічних компаній. Вони прийшли із запитом на бренд і сайт з нуля. Хотілося, щоб логотип, графіка, сайт і анімації працювали як одна система — не набір рішень, а одна ідея через увесь проєкт.
- Клієнт: Scoutbytes, команда розробників
- Що зробили: логотип, бренд-система й гайдлайни, мерч, маркетингові матеріали, дизайн і розробка сайту на Webflow
- Основа системи: квадратний модуль
Ідея: квадратний модуль
Ми почали не з логотипа, а з принципу, на якому можна збудувати весь бренд. Ним став квадратний модуль. Поєднуючись, квадрати утворюють лінії логотипа. Модулі навмисно зміщені, щоб навіть проста геометрія передавала рух — як сама команда, що любить складні виклики й швидко рухається вперед.
Патерн із двійкового коду
Далі ми перевели назву Scoutbytes у двійковий код, а послідовності 0 і 1 перетворили на графічні модулі. З них зібрали патерн — ще один елемент системи: на мерчі, у презентаціях і маркетингу та фрагментами на сайті.
Графіка, що реагує на користувача
На сайті квадратні модулі з’являються слідом за курсором, а в окремих блоках оживають під час скролу — графіка стає частиною досвіду, а не лише оформленням. Палітра стримана: білий, сірий і чорний, помаранчевий — єдиний акцент.
Для характеру додали єдинорога — відсилку до unicorn-компаній: серед продуктів, які створює Scoutbytes, можуть бути майбутні єдинороги. Бренд став дружнішим і легше запам’ятовується.
Що ми зробили
Логотип, бренд-систему й правила використання, мерч, презентаційні й маркетингові матеріали. Потім спроєктували сайт, перенесли модульну систему в інтерфейс, додали інтерактив, реалізували все на Webflow, адаптували для всіх пристроїв і підготували до запуску.
Результат
Scoutbytes отримали цілісний бренд і сучасний сайт на єдиній візуальній системі: логотип, патерни, анімації й інтерактивні деталі працюють разом.
Часті питання
Що таке модульна бренд-система?
Це коли бренд будується з одного базового елемента — тут квадратного модуля, — з якого виростають логотип, патерн і графіка на сайті. Так усе виглядає цілісно.
Чи можна зробити бренд і сайт в одній команді?
Так. Для Scoutbytes ми зробили й айдентику, і дизайн, і розробку сайту на Webflow — без передачі між підрядниками.
Потрібен бренд і сайт з нуля? Дивіться, як ми робимо айдентику.
Є схожа задача?
Розкажіть, що потрібно, — повернемось із оцінкою й терміном протягом дня.
