Показать характер
Не объяснять креативность длинным текстом, а дать почувствовать её ещё до чтения страницы.
Кейс Лана Диджитал / персональный бренд
Сайт Виктории Калининой от креатива до стратегии
Персональный сайт маркетолога и креативного директора. Задача была не «нарисовать необычнее», а сделать визуальный характер частью позиционирования: показать креативность, не потеряв ясность, услуги и путь к проектам.
ПроектПерсональный сайт
ЭкспертМаркетолог · креативный директор
НаправленияБлогеры · SMM · контент · медийная реклама
Фокус работыГлавная · визуальная система · контент
01 / задача
Сделать сайт заметнее — и не превратить его в декорацию
Исходная версия была аккуратной, но слишком спокойной для специалиста, который профессионально работает с креативом. Нужен был более авторский первый экран, при этом пользователь всё равно должен за несколько секунд понять, кто такая Виктория, с чем она работает и куда нажать дальше.
Собрать компетенции
Блогеры, SMM, контент и медийная реклама должны выглядеть частями одной системы, а не списком услуг.
Сохранить коммерческую ясность
Крупная типографика и асимметрия не должны мешать навигации, проектам и основному действию — обсуждению задачи.
Ключевая идеяОт креатива
до стратегии
до стратегии
01
Имя и роль — сразу
Виктория Калинина и позиционирование «маркетолог · креативный директор» остаются в верхней зоне и не конкурируют с главным слоганом.
02
Портрет — часть композиции
Фото не лежит отдельной карточкой: оно соединяет белую текстовую часть и серо-голубую стратегическую плоскость.
03
Четыре направления — одним взглядом
Блогеры, SMM, контент и медийная реклама вынесены в самостоятельную правую панель без перегруза основного текста.
04
Креатив работает на задачу
Диагонали, крупный шрифт и цитата создают характер, но кнопки и навигация остаются привычными и понятными.
02 / первый экран
Один экран объясняет и человека, и подход
Вместо обычной схемы «фото справа — текст слева» собрали редакционную композицию. В ней фотография, типографика и геометрия работают как один интерфейс, а не как три независимых декоративных слоя.
ПортретЦентральный визуальный якорь
ТипографикаКрупный характерный заголовок
ГеометрияСеро-голубые диагональные плоскости
НавигацияРаботы и проект остаются на виду
03 / развитие главной
Дальше первого экрана — та же логика
После выбора визуального направления главную развивали как персональный профессиональный сайт: не только список услуг, а сочетание компетенций, экспертности, реальных проектов и живого образа человека.
Услуги
Направления собраны так, чтобы посетитель видел общую систему маркетинга и коммуникаций, а не россыпь несвязанных карточек.
Экспертные статьи
Материалы продолжают знакомство с Викторией и показывают не только визуальный стиль, но и профессиональное мышление.
Реальные проекты
Портфолио работает как доказательство: пользователь видит не абстрактные обещания, а конкретные типы задач и работ.
Фотолента
Живая лента с фотографиями добавляет личный слой и создаёт визуальную паузу между деловыми блоками.
04 / визуальная система
Сдержанная палитра. Смелая композиция.
Мы не меняли исходную холодную гамму ради эффекта. Белый, графитовый и серо-голубые оттенки остались базой; характер появился за счёт масштаба, контраста, диагоналей и способа работы с портретом.
White
Graphite
Steel blue
Mist blue
05 / результат
Сайт стал похож на своего автора
Главное изменение — не отдельная кнопка и не декоративный приём. У сайта появился собственный визуальный язык, который соответствует роли Виктории: креатив здесь привлекает внимание, а стратегия удерживает структуру.
При этом коммерческая логика сохранена: специализация считывается сразу, работы и блог доступны из первого экрана, а основной сценарий приводит к обсуждению проекта.
Смысл решенияНе сделать «необычно». Сделать узнаваемо и понятно одновременно.
Нужен сайт с характером — но без потери смысла?
Разберём задачу, структуру, визуальный язык и то, как сайт должен приводить пользователя к нужному действию.