HUMA AGENCY
HUMA – маркетинговое агентство полного цикла.
Погружаемся в продукт и сферу, тестируем гипотезы
и масштабируем только то, что приносит выручку
Агентство молодое, предстояло делать работу по доверию: объяснить подход, показать экспертизу и довести до заявки.
Что сделано
Статус
сайт запущен и работает как основной инструмент привлечения клиентов → huma.marketing
Логотип
Название huma отсылает к философу Дэвиду Юму и его «гильотине» — принципу, по которому из описания мира никогда автоматически не следует, как правильно поступать. Между «есть» и «должно быть» проходит чёткая линия, как нож гильотины: любое «надо делать так» требует отдельного основания — ценности, принципа, выбора.
Для маркетинга это неожиданно точная рабочая философия. Данные о рынке — спрос, конкуренты, поведение аудитории — это только описание реальности. «Все делают скидки», «люди смотрят только короткие ролики» — факты, а не инструкция. Решение, как действовать бренду, — всегда осознанный выбор, а не копирование среды. huma строит маркетинг именно так: наблюдение отдельно, вывод отдельно, между ними — принцип.
Эту идею я сформулировала в три тезиса, которые стали основой знака: разрез между «есть» и «должно» · переход через принцип · запрет на автоматический вывод. Ключевые ассоциации — философия, свобода, скепсис, несводимость, выбор.
Графическая метафора — лезвие-граница. Срез живёт в логотипе на двух уровнях. В статике — леттеринг со скошенными брусками: диагональный срез встроен в пластику самих букв, знак «разрезан» ещё до всякой анимации. В динамике — анимация логотипа, где линия-лезвие делит знак, буквально проводя ту самую границу между фактом и решением.
Анализ референсов
Multyways
Кейсы систематизированы до стерильности: маленькие однотипные превью, ни одной реакции на ховер, изображения не дают понять, что внутри, а одного заголовка под карточкой мало для быстрого считывания. Зато внутренние страницы кейсов выстроены логично — эту структуру подачи я взяла на заметку. Вывод: систематизация не должна убивать различимость; кейс обязан продавать себя ещё на превью.
PPL
Интересная работа с динамикой: текста много, но всплывающие блоки удерживают внимание, а анимации проявления деликатные — контент появляется, не крича о себе. Проблема в другом: из-за количества тем первый экран разрастается в очень длинный скролл, при этом сам скролл медленный, и внимание успевает остыть. Вывод: анимация проявления — да, бесконечная лента со «сломанной» скоростью прокрутки — нет.
Восход
Здесь противоположный полюс — сайт-высказывание. Главная почти не показывает работы: она говорит о самом агентстве. Гигантская кинетическая типографика, манифест, счётчики наград — Cannes Lions, Effie, Epica, D&AD — выстраивают статус ещё до первого кейса. Типографика здесь и есть графика: минимум изображений, максимум характера через шрифт и движение. Это красиво работает, но держится на 29 годах репутации — награды делают то, что у молодого агентства должен делать оффер. Второй нюанс: главная рассказывает про агентство больше, чем про пользу для клиента, — для «холодного» посетителя порог входа выше. Вывод для huma: характер через типографику и движение — переносимый приём, а модель «сайт-манифест» — нет; нам нужно вести человека к понятной выгоде, а не к аплодисментам.
Две концепции
Минимализм
Ставка на воздух, анимации и детали. Стильно, современно, работает на широкую аудиторию — но характера меньше, айдентика уходит в фон.
Максимализм
Айдентика используется в лоб: фирменный красный, острые формы, срезы в графике на каждом шагу. Максимум узнаваемости и характера — и максимум смелости.
На созвоне выяснился фактор, который всё расставил: первые клиенты агентства — консервативные компании, и показывать им сайт в агрессивном красном с острой графикой было бы слишком смелым жестом для старта сотрудничества. Это тот случай, когда контекст клиента важнее дизайнерских амбиций.
→ я выбрала пойти в минимализм, чтобы сохранить характер бренда через типографику, ритм и срезы, но без ярких красных акцентов
Прототип
Концепцию мы проверяли на двух экранах, прежде чем рисовать весь сайт, — так дешевле ошибаться.
UI
После утверждения концепции началась системная работа. Сайт — это 7 смысловых блоков (герой с оффером, тестовый месяц, специфика отраслей, принципы, услуги, кейсы, финальный CTA с формой) плюс внутренние страницы кейсов и служебные страницы.
Дизайн-система
Шрифты и цвета в стилях. Finlandica – гарнитура для заголовков, Inter Tight для основного текста образуют восемь текстовых стилей от 14 до 120 px.
Компоненты
Всё повторяющееся — в компоненты с вариантами и состояниями: форма заявки, меню, кнопки, карточки услуг и кейсов. Отдельно собран шаблон внутренней страницы кейса — агентство сможет добавлять новые работы, не ломая систему. Плюс служебные страницы: политика конфиденциальности и страница благодарности после отправки формы.
Адаптивы
Пять ресайзов с брейкпоинтами: 320, 390, 1024, 1440 и 1728 px — от компактных смартфонов до широких мониторов.
Анимации
Все анимации прописаны для разработки заранее: проявления контента при скролле, поведение логотипа, ховеры, движение лент с изображениями кейсов.
Контент
Для наполнения кейсов я сгенерировала изображения с помощью ИИ-инструментов — это позволило показать работы агентства целостно и в едином визуальном ключе, не дожидаясь фотопродакшена.
