00:00 Mar 29, 2026
Назад

Связала новый визуальный язык компании с её услугами и кейсами

Редизайн корпоративного сайта, кейвижуал и дизайн-система. Моя роль — веб-дизайнер и тимлид с участием в согласовании, планировании и работе маркетинга.

Сайт компании CRM-маркетинга — обзор проекта
Редизайн корпоративного сайта, кейвижуал и дизайн-система. Моя роль — веб-дизайнер и тимлид с участием в согласовании, планировании и работе маркетинга.
Category: Website · CRM company
Role
Web Designer / Team Lead
Scope
Website redesign
Visual identity
Design system
Client management
Tools
Figma
Year
—
/* Problem */

С какой задачи началась работа

У компании появился запрос на редизайн сайта и новый кейвижуал, отражающий обновлённую самоидентификацию.

Фокус — перенести новый визуальный язык в сайт и связанные коммуникации: презентации, коммерческие предложения и лендинги.

/* Task framing */

Как разложила задачу по участникам и целям

Постановка объединяет пользовательскую задачу, цель проекта и область дизайна. Это синтез имеющихся материалов.

Посетитель

Понять специализацию

Увидеть услуги и примеры работы, прежде чем обратиться в компанию.

Бизнес

Выразить новую идентичность

Обновить визуальный язык и связать его с продуктовым предложением компании.

Дизайн

Сохранить единство

Сайт, презентации и коммерческие предложения должны говорить на одном языке.

Команда

Согласовать и передать

Планирование спринтов, обсуждения с клиентом, трекинг и оценка задач.

/* Process */

Как была организована работа

Последовательность собрана из исходного описания и опубликованных артефактов; точные сроки отдельных этапов не заявляются.

Сценарии

Проектирование общего пользовательского пути и прототипирование.

Визуальный язык

Обновление стиля под новую самоидентификацию компании.

Система и носители

Дизайн-система, UI-кит, стиль презентаций и коммерческих предложений.

Командная работа

Согласования с клиентом, спринты, трекинг; помощь маркетингу с гипотезами и лендингами.

/* Evidence */

Обновление вышло за границы одной страницы

Исходный кейс подтверждает редизайн, дизайн-систему и работу с маркетинговыми носителями. Доступный макет показывает десктопную и мобильную версии, услуги, кейсы и действие обращения.

Сайт

Десктоп и мобильный экран

Визуальная иерархия адаптирована к разной ширине.

Коммуникации

Презентации и предложения

Обновление стиля заявлено в описании, отдельные носители пока не показаны.

/* Decision map */

Предложение → доказательство → обращение

Карта объясняет логику доступного макета. Эффект на заявки и понимание услуг требует проверки; результаты исследований не приписаны проекту.

01 · Фокус

Позиционирование

Решение

Чёткая подача специализации на первом экране

Как проверить

Проверить, может ли посетитель объяснить, с чем помогает компания.

02 · Фокус

Доверие

Решение

Кейсы рядом с направлениями работы

Как проверить

Проверить, связывает ли человек пример с собственной задачей.

03 · Фокус

Последовательность

Решение

Общая визуальная система для сайта и носителей

Как проверить

Сверять повторяемые элементы и смысловые акценты при развитии коммуникаций.

/* Flow */

От знакомства с компанией к предметному запросу

Обобщённая схема по публичному макету, без добавления неподтверждённых разделов и сценариев личного кабинета.

  1. 01

    Понять компанию

    Специализация и основное предложение.

  2. 02

    Выбрать направление

    Услуга под задачу клиента.

  3. 03

    Изучить кейс

    Контекст и пример работы.

  4. 04

    Обратиться

    Сформулировать запрос компании.

Услуга неяснаУточнить язык описания и примеры задач.

Нужны доказательстваПроверить релевантность кейсов для сегмента посетителя.

Мобильное посещениеСохранить читаемость и доступность обращения.

/* Outcome */

Что было готово по итогам работы

Обновлены визуальный язык сайта и связанные маркетинговые материалы; подготовлены дизайн-система и UI-кит. В исходной странице описана командная работа и помощь маркетингу в тестировании гипотез, но без результатов конкретных экспериментов.

Общая идентичность

Связаны сайт и коммуникационные носители.

Готовность к разработке

Макеты и UI-кит для реализации.

Командное сопровождение

Планирование, согласования и помощь маркетингу.

/* Measurement plan */

Как оценивать результат дальше

Предлагаемые показатели, а не дополнительные заявленные достижения. Базовые значения, цели, период и владельца измерений необходимо согласовать до сравнения.

Квалифицированные обращения

Обращения, соответствующие согласованным критериям целевого клиента / уникальные посетители целевой аудитории. Источник — аналитика и CRM; критерии согласовать с продажами.

Понимание предложения

В UX-проверке: может ли человек выбрать услугу под задачу и объяснить свой выбор. Переход в кейс — сигнал интереса, не доказательство понимания.

Качество реализации

Ошибки отправки формы, мобильная доступность и скорость загрузки. Сравнение до/после проводить с учётом источников трафика и изменений маркетинга.

/* Reflection */

Что делает этот кейс сильным

Здесь стоит подчёркивать не только визуальный редизайн, но и управление единым языком бренда в нескольких носителях. Лучшее усиление — показать один кейс «старое позиционирование → новое решение» и его влияние на качество обращений.