Назначьте встречу
Елена Ночка,
Фил Смирнов,
Спасибо!
Ваше сообщение отправлено.
В ближайшее время мы вам ответим.
Ваше сообщение отправлено.
В ближайшее время мы вам ответим.
Логотип, фирменный стиль и UI гайд для продукта, помогающего геологам решать рабочие задачи в одном окне
DeepGeo — стартап, облачная B2B-платформа, которая помогает геологам и геотехникам собирать, хранить и анализировать данные из полевых исследований в одном окне.
Нужна была простая и узнаваемая визуальная система, которая поддержит запуск продукта и выстроит единый язык между дизайном, разработкой и продажами.
Перед нами стояли следующие задачи:
Мы изучили визуальные коды геологии — керны, бур, слои грунта, шурфы, маркеры на карте — и перебрали десятки набросков. Клиент активно участвовал: мы обсуждали варианты на совместных созвонах, делились промежуточными эскизами и набросками от руки.
В результате оставили три линии поиска:
Финальный знак сочетает все три смысла: сегмент «керна» образует маркер-указатель, а цветовая композиция поддерживает тему слоев. Он получился узнаваемым, лаконичным и простым для воспроизведения на любых носителях.
Знак прошёл проверку в малых размерах, на контрастных фонах и в разных медиа — от интерфейса до печати. Это дало уверенность, что он будет одинаково хорошо работать во всех сценариях продукта.
Одной из ключевых сложностей было внедрение фирменной темы в готовый UI-фреймворк. Он позволял менять оформление только через токены и настройки, без прямого доступа к CSS. Это ограничивало возможности для полноценного фирменного стиля.
Мы нашли решение: подготовили лёгкий CSS-оверлей, который переопределяет ключевые переменные и дополняет фреймворк недостающими стилями. Такой подход сохранил все преимущества библиотечного кода, но при этом придал интерфейсу фирменный характер. Команда получила визуально целостный продукт без риска «сломать» обновления фреймворка.
Палитра построена на контрасте «небо — песок — глина — обсидиан». Она одинаково хорошо работает и в интерфейсе (активные элементы, фоновые плашки), и в маркетинге (презентации, лендинг).
Мы выбрали шрифт Golos Text в трёх насыщенностях — Regular, Medium, Bold. Он обеспечивает хорошую читаемость в интерфейсе и презентациях и легко масштабируется.
Мы собрали этот гайд, чтобы визуальный язык DeepGeo оставался цельным и узнаваемым. В нём зафиксированы логотип, цвета и шрифты, которые делают продукт современным и удобным в применении. Документ получился компактным, но достаточно емким, чтобы команда могла одинаково уверенно использовать фирменный стиль и в интерфейсе, и в коммуникациях.
Совместная работа с клиентом на каждом этапе, от первых созвонов до финального утверждения, позволила найти решение, которое одинаково хорошо работает и для продукта, и для коммуникаций.
Если вам близок такой процесс, давайте обсудим задачи вашего проекта на коротком созвоне.
