Scoutbytes: брендинг і сайт для команди розробників

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

Ідея

Ми почали не з логотипа, а з пошуку принципу, на якому можна побудувати весь бренд. Ним став квадратний модуль.

Поєднуючись між собою, квадрати утворюють лінії, з яких побудований логотип. Ми навмисно змістили модулі відносно один одного, щоб навіть проста геометрія передавала відчуття руху. Це добре перегукується з самим Scoutbytes — командою, яка любить складні виклики, швидко рухається вперед і постійно розвивається.

Потім ми вирішили піти ще далі. Назву Scoutbytes перевели у двійковий код, а отримані послідовності 0 і 1 перетворили на графічні модулі. З них зібрали патерн, який став ще одним елементом візуальної системи. Він з'являється на мерчі, у презентаційних і маркетингових матеріалах, а також окремими фрагментами на сайті.

Ми хотіли, щоб візуальна система не лише добре виглядала, а й взаємодіяла з користувачем. Тому на сайті квадратні модулі з'являються слідом за курсором, а в окремих блоках оживають під час скролу. Так графіка перестає бути просто оформленням і стає частиною самого досвіду.

Колірну палітру залишили стриманою. Білий, сірий та чорний стали основою, а помаранчевий використали як єдиний акцент.

Коли система була готова, захотілося додати їй трохи характеру. Так з'явився єдиноріг — легка відсилка до unicorn-компаній. Нам сподобалася думка, що серед продуктів, які сьогодні створює Scoutbytes, можуть бути майбутні єдинороги. Водночас бренд отримав деталь, яка робить його більш дружелюбним і легко запам'ятовується.

Що ми зробили

Розробили логотип, бренд-систему та правила її використання. На її основі створили мерч, презентаційні й маркетингові матеріали.

Після цього спроєктували сайт, перенесли модульну систему в інтерфейс, додали інтерактивні елементи й реалізували все на Webflow. Адаптували сайт для всіх пристроїв і підготували його до запуску.

Результат

Scoutbytes отримали цілісний бренд і сучасний сайт, побудовані на єдиній візуальній системі. Усі елементи працюють разом: від логотипа й патернів до анімацій та інтерактивних деталей.