Froobook

01 Про клієнта

Froobook — цифровий сервіс для пошуку майстрів і салонів краси, онлайн-запису на процедури та управління б’юті-послугами в одному просторі. Платформа об’єднує клієнтів і б’юті-бізнес, спрощуючи вибір, запис і комунікацію.

02 Цілі та задачі

Нашою метою було створити айдентику, яка стане основою інтерфейсу сервісу та візуальної комунікації бренду. Основними задачами стали:
– розробка сучасного стилю з акцентом на моду, естетику та емоції,
– створення адаптивного дизайну для використання на різних пристроях,
– айдентика мала виділяти бренд серед типових SaaS-рішень,
– зрозумілий стиль для цільової аудиторії та асоціація з красою й простотою.

03 Рішення

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

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

Кольорова система

Кольорова система Froobook побудована на поєднанні темної бази та яскравих акцентів. Основний лаймовий колір відповідає за динаміку, сучасність і відчуття «правильного вибору». Темний фон підсилює контраст і робить інтерфейс візуально чистим та зосередженим на дії.

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

Основні кольори

Допоміжні кольори

Типографіка

Основним шрифтом айдентики є Mulish. Він використовується у всіх інтерфейсах і забезпечує єдину візуальну логіку продукту. Шрифт має сучасний, нейтральний характер і добре читається на будь-яких пристроях.

Ключові елементи

В айдентиці Froobook ключовим графічним прийомом стало лаймове обведення «від руки», яке з’являється у заголовках і ключових текстових акцентах. Воно підсвічує важливі слова та фрази, додаючи інтерфейсу емоційності й живого характеру, водночас зберігаючи чистоту та мінімалізм композиції.

Обведення працює як м’який візуальний маркер уваги. Воно не перевантажує інтерфейс, а делікатно підкреслює головні смисли: ціннісні повідомлення, результати після реєстрації та ключові переваги сервісу. Завдяки цьому комунікація виглядає більш персональною та дружньою.

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

Візуальна мова

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

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

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

Результат

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

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