Кейс Hotburo: редизайн логотипа Raccoonline, темний технологічний лендинг, UX VPN-застосунку й месенджер з нуля для екосистеми приватності.
Raccoonline — децентралізована екосистема з VPN, файловим сховищем і месенджером, де приватність — одна з головних ідей продукту. Ми почали з логотипа й лендингу, а потім поступово перейшли до інших продуктів.
- Клієнт: Raccoonline, децентралізована екосистема приватності
- Що зробили: редизайн логотипа, лендинг, UX VPN-застосунку й лендинг VPN, дизайн месенджера з нуля
- Галузь: Web3, приватність, безпека
Проблема старого логотипа
Знак із єнотом був реалістичним і дуже деталізованим. Він добре виглядав переважно в білому, а в інших кольорах втрачав впізнаваність. Для цифрового продукту це критично: знак має читатися на будь-яких фонах, у кольорах і малих розмірах.
Піксельний єнот
Ми повністю переробили логотип — і знак, і шрифтову частину. Єнота зробили графічним і піксельним, спростили форму й прибрали зайві деталі. Шрифт теж оновили, зберігши близький характер.
Піксельність стала ключовою деталлю: вона поєдналася з піксельним шрифтом на лендингу, тож знак і типографіка почали працювати разом.
Лендинг: темна технологічна естетика
Основа лендингу — чорний колір, сині акценти, світіння, геометричні форми й технологічна графіка. Гротеск відповідає за читабельність, піксельний шрифт — за характер і зв’язок зі знаком.
Єнот став повноцінним персонажем: команда Raccoonline оновила його вигляд, а ми розвинули образ у дизайні — він з’являється в різних блоках і взаємодіє з графікою. Ідеї приватності, децентралізації й розподіленої мережі ми заклали в композицію, світлові ефекти й анімації.
VPN-застосунок і месенджер
Для VPN ми переглянули сценарії, оновили окремі елементи інтерфейсу й UX і зробили лендинг, що пояснює продукт. Месенджер спроєктували з нуля: структуру, основні сценарії, стани чатів і взаємодії — у візуальній мові, що склалася на лендингу.
Результат
Ми пройшли через різні частини Raccoonline — від логотипа й лендингу до VPN і нового месенджера. Піксельний єнот, типографіка, темна графіка й технологічні деталі стали спільною основою для всіх продуктів екосистеми.
Часті питання
Чому реалістичний логотип погано працює в digital?
Багато деталей губляться в малих розмірах і на кольорових фонах. Спрощений піксельний знак Raccoonline читається всюди.
Як зберегти єдиний стиль у кількох продуктах?
Спільні елементи — знак, шрифти, палітра й графіка — адаптуються під задачі кожного продукту, від лендингу до месенджера.
Потрібен ребрендинг цифрового продукту? Дивіться, як ми працюємо з айдентикою.
Є схожа задача?
Розкажіть, що потрібно, — повернемось із оцінкою й терміном протягом дня.
