Lera Steellery
PRO Фирменный стиль
Что сделано
Логотип и анимация знака
Минимальный фирменный стиль
Конкурентный анализ
Две дизайн-концепции
Прототипирование
Дизайн сайта (7 смысловых блоков + внутренние страницы)
Компоненты / Брейкпоинты / Дизайн-система
Генерация изображений для кейсов
Логотип
Название huma отсылает к философу Дэвиду Юму и его «гильотине» — принципу, по которому из описания мира никогда автоматически не следует, как правильно поступать. Между «есть» и «должно быть» проходит чёткая линия, как нож гильотины: любое «надо делать так» требует отдельного основания — ценности, принципа, выбора.
Для маркетинга это неожиданно точная рабочая философия. Данные о рынке — спрос, конкуренты, поведение аудитории — это только описание реальности. «Все делают скидки», «люди смотрят только короткие ролики» — факты, а не инструкция. Решение, как действовать бренду, — всегда осознанный выбор, а не копирование среды. huma строит маркетинг именно так: наблюдение отдельно, вывод отдельно, между ними — принцип.
Эту идею я сформулировала в три тезиса, которые стали основой знака: разрез между «есть» и «должно» · переход через принцип · запрет на автоматический вывод. Ключевые ассоциации — философия, свобода, скепсис, несводимость, выбор.
Графическая метафора — лезвие-граница. Срез живёт в логотипе на двух уровнях. В статике — леттеринг со скошенными брусками: диагональный срез встроен в пластику самих букв, знак «разрезан» ещё до всякой анимации. В динамике — анимация логотипа, где линия-лезвие делит знак, буквально проводя ту самую границу между фактом и решением.
UI
После утверждения концепции началась системная работа. Сайт — это 7 смысловых блоков (герой с оффером, тестовый месяц, специфика отраслей, принципы, услуги, кейсы, финальный CTA с формой) плюс внутренние страницы кейсов и служебные страницы.
Дизайн-система
Шрифты и цвета в стилях. Finlandica – гарнитура для заголовков, Inter Tight для основного текста образуют восемь текстовых стилей от 14 до 120 px.
Компоненты
Всё повторяющееся — в компоненты с вариантами и состояниями: форма заявки, меню, кнопки, карточки услуг и кейсов. Отдельно собран шаблон внутренней страницы кейса — агентство сможет добавлять новые работы, не ломая систему. Плюс служебные страницы: политика конфиденциальности и страница благодарности после отправки формы.
Адаптивы
Пять ресайзов с брейкпоинтами: 320, 390, 1024, 1440 и 1728 px — от компактных смартфонов до широких мониторов.
Генерации
Для наполнения кейсов я сгенерировала изображения с помощью ИИ-инструментов — это позволило показать работы агентства целостно и в едином визуальном ключе, не дожидаясь фотопродакшена.
