Елена Жданова

Продуктовый | UX/UI дизайнер

Елена Жданова

Продуктовый | UX/UI дизайнер

Разработка сайта digital-студии АСПРОС

+18%

к выручке за счёт роста входящих лидов

+23%

CTR ключевых CTA

+19%

к конверсии в заявку

+14%

квалифицированных лидов

Discovery

АСПРОС — digital-студия, предоставляющая услуги разработки сайтов и цифровых решений для бизнеса.

На момент старта проекта у компании отсутствовал собственный сайт как продукт, а все лиды приходили через нерегулярные каналы (сарафанное радио, мессенджеры).

💡 Инсайты:

  1. Пользователи принимают решение о контакте на основе:
    • доверия к студии;
    • понятности услуг;
    • наличия кейсов.

  2. Отсутствие структуры и внятного повествования снижает конверсию;

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

  4. Пользователи ожидают быстрый путь к заявке без лишних шагов;

  5. Без кейсов и команды сайт воспринимается как шаблонный и недоверительный.

Продуктовая проблема

Отсутствовал сайт как канал привлечения — заявки приходили через сарафанное радио и WhatsApp, не было системной лидогенерации и презентации услуг.

Задача

Создать с нуля сайт, который формирует доверие к студии, структурирует услуги и эффективно конвертирует трафик в заявки.

Этапы работы

• анализ продукта, ЦА и конкурентов;
• формирование структуры и user flow;
• проектирование прототипов;
• UI-дизайн;
• подготовка макетов к разработке;
• запуск и пострелизная оптимизация.

JTBD 1

Когда я ищу подрядчика на разработку сайта, я хочу быстро понять уровень экспертизы и примеры работ, чтобы решить, стоит ли оставлять заявку.

JTBD 2

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

Продуктовая стратегия

• упрощение пользовательского сценария до заявки;
• выстраивание четкой структуры сайта (от ценности → к доказательствам → к действию);
• снижение когнитивной нагрузки;
• усиление доверия через контент (кейсы, команда, стек);
• постепенное раскрытие информации.

Альтернативы:

• фокус на вау-визуале и анимациях → отклонено (не решает задачу доверия);
• минималистичный лендинг без кейсов → отклонено (недостаточно аргументов для решения).

UX/UI решения

Структура:

• главная (позиционирование + оффер + CTA);
• услуги (структурированное описание);
• кейсы (фильтрация и карточки проектов);
• контакты / форма заявки.

Ключевые решения:

  1. Информационная архитектура
    • выстроила логику страниц вокруг модели принятия решения пользователем: (понимание → подтверждение → доверие → действие);
    • заложила структуру, закрывающую ключевые вопросы перед заявкой: чем занимается студия, уровень экспертизы, кейсы, команда и процесс работы, поскольку в B2B digital-услугах конверсия формируется через последовательное выстраивание доверия.

  2. Фокус внимания
    Я проектировала сценарий взаимодействия с одним основным действием на экран, без конкурирующих CTA, чтобы сделать путь к заявке более предсказуемым и управляемым.

  3. Типографика и цветовая система
    Я использовала Unbounded как акцентную гарнитуру и PT Sans Caption для основного текста, чтобы сохранить характер бренда и читаемость. Цветовая система строилась на приглушённой фиолетовой палитре для баланса выразительности и визуальной нагрузки, влияющей на восприятие доверия.

  4. Визуальный язык
    Я использовала абстрактные иллюстрации как часть визуальной системы, чтобы поддерживать позиционирование бренда (чистота, прозрачность, минимализм) и управлять визуальной плотностью интерфейса.

  5. Доверительные элементы
    Я закладывала блоки команды, стека технологий и кейсов как обязательные элементы ключевых страниц, поскольку в услугах разработки сайтов решение о сотрудничестве принимается через подтверждение компетенций, а не только через визуальное представление.

Системный подход

Я использовала системный подход к проектированию интерфейса и выстроила целостную структуру проекта:

  1. Сформировала UI-kit на базе проекта:
    • типографическая шкала;
    • цветовая система;
    • компоненты (кнопки, карточки, блоки).

  2. Унифицировала элементы между страницами;

  3. Подготовила масштабируемую структуру под дальнейшее расширение сайта;

  4. Учла будущие функции (фильтрация кейсов — заложена в структуру, но не входит в MVP).

Работа с командой

Совместная работа с заказчиком включала пересмотр и уточнение концепции продукта. Параллельно велась тесная синхронизация с командой разработки: подготавливались макеты к передаче и учитывались технические ограничения, чтобы решения оставались реализуемыми.

Я также участвовал в продуктовых обсуждениях, где происходила приоритизация MVP. В процессе принимались решения об отказе от вторичных функций, таких как фильтры, чтобы сосредоточиться на ключевой ценности продукта.

После запуска продолжалась поддержка проекта: анализировалось поведение пользователей и на основе полученных данных дорабатывался интерфейс для повышения удобства и эффективности использования.

Результат

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

💡

Полноценный продукт был создан с нуля за ~3 месяца, но запуск сдвинут на 1 месяц из-за приоритетных задач по другому проекту.

В цифрах

Промежуточные итоги в цифрах за 3 месяца.

+18%

к выручке за счёт роста входящих лидов

+19%

к конверсии в заявку

+23%

CTR ключевых CTA

+14%

квалифицированных лидов

Пруфы

Другие мои проекты

Елена Жданова

Продуктовый | UX/UI дизайнер

Разработка сайта digital-студии АСПРОС

+18%

к выручке за счёт роста входящих лидов

+23%

CTR ключевых CTA

+19%

к конверсии в заявку

+14%

квалифицированных лидов

Discovery

АСПРОС — digital-студия, предоставляющая услуги разработки сайтов и цифровых решений для бизнеса.

На момент старта проекта у компании отсутствовал собственный сайт как продукт, а все лиды приходили через нерегулярные каналы (сарафанное радио, мессенджеры).

💡 Инсайты:

  1. Пользователи принимают решение о контакте на основе:
    • доверия к студии;
    • понятности услуг;
    • наличия кейсов.

  2. Отсутствие структуры и внятного повествования снижает конверсию;

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

  4. Пользователи ожидают быстрый путь к заявке без лишних шагов;

  5. Без кейсов и команды сайт воспринимается как шаблонный и недоверительный.

Продуктовая проблема

Отсутствовал сайт как канал привлечения — заявки приходили через сарафанное радио и WhatsApp, не было системной лидогенерации и презентации услуг.

Задача

Создать с нуля сайт, который формирует доверие к студии, структурирует услуги и эффективно конвертирует трафик в заявки.

Этапы работы

• анализ продукта, ЦА и конкурентов;
• формирование структуры и user flow;
• проектирование прототипов;
• UI-дизайн;
• подготовка макетов к разработке;
• запуск и пострелизная оптимизация.

JTBD 1

Когда я ищу подрядчика на разработку сайта, я хочу быстро понять уровень экспертизы и примеры работ, чтобы решить, стоит ли оставлять заявку.

JTBD 2

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

Продуктовая стратегия

• упрощение пользовательского сценария до заявки;
• выстраивание четкой структуры сайта (от ценности → к доказательствам → к действию);
• снижение когнитивной нагрузки;
• усиление доверия через контент (кейсы, команда, стек);
• постепенное раскрытие информации.

Альтернативы:

• фокус на вау-визуале и анимациях → отклонено (не решает задачу доверия);
• минималистичный лендинг без кейсов → отклонено (недостаточно аргументов для решения).

UX/UI решения

Структура:

• главная (позиционирование + оффер + CTA);
• услуги (структурированное описание);
• кейсы (фильтрация и карточки проектов);
• контакты / форма заявки.

Ключевые решения:

  1. Информационная архитектура
    • выстроила логику страниц вокруг модели принятия решения пользователем: (понимание → подтверждение → доверие → действие);
    • заложила структуру, закрывающую ключевые вопросы перед заявкой: чем занимается студия, уровень экспертизы, кейсы, команда и процесс работы, поскольку в B2B digital-услугах конверсия формируется через последовательное выстраивание доверия.

  2. Фокус внимания
    Я проектировала сценарий взаимодействия с одним основным действием на экран, без конкурирующих CTA, чтобы сделать путь к заявке более предсказуемым и управляемым.

  3. Типографика и цветовая система
    Я использовала Unbounded как акцентную гарнитуру и PT Sans Caption для основного текста, чтобы сохранить характер бренда и читаемость. Цветовая система строилась на приглушённой фиолетовой палитре для баланса выразительности и визуальной нагрузки, влияющей на восприятие доверия.

  4. Визуальный язык
    Я использовала абстрактные иллюстрации как часть визуальной системы, чтобы поддерживать позиционирование бренда (чистота, прозрачность, минимализм) и управлять визуальной плотностью интерфейса.

  5. Доверительные элементы
    Я закладывала блоки команды, стека технологий и кейсов как обязательные элементы ключевых страниц, поскольку в услугах разработки сайтов решение о сотрудничестве принимается через подтверждение компетенций, а не только через визуальное представление.

Системный подход

Я использовала системный подход к проектированию интерфейса и выстроила целостную структуру проекта:

  1. Сформировала UI-kit на базе проекта:
    • типографическая шкала;
    • цветовая система;
    • компоненты (кнопки, карточки, блоки).

  2. Унифицировала элементы между страницами;

  3. Подготовила масштабируемую структуру под дальнейшее расширение сайта;

  4. Учла будущие функции (фильтрация кейсов — заложена в структуру, но не входит в MVP).

Работа с командой

Совместная работа с заказчиком включала пересмотр и уточнение концепции продукта. Параллельно велась тесная синхронизация с командой разработки: подготавливались макеты к передаче и учитывались технические ограничения, чтобы решения оставались реализуемыми.

Я также участвовал в продуктовых обсуждениях, где происходила приоритизация MVP. В процессе принимались решения об отказе от вторичных функций, таких как фильтры, чтобы сосредоточиться на ключевой ценности продукта.

После запуска продолжалась поддержка проекта: анализировалось поведение пользователей и на основе полученных данных дорабатывался интерфейс для повышения удобства и эффективности использования.

Результат

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

💡

Полноценный продукт был создан с нуля за ~3 месяца, но запуск сдвинут на 1 месяц из-за приоритетных задач по другому проекту.

В цифрах

Промежуточные итоги в цифрах за 3 месяца.

+18%

к выручке за счёт роста входящих лидов

+19%

к конверсии в заявку

+23%

CTR ключевых CTA

+14%

квалифицированных лидов

Пруфы

Другие мои проекты

Create a free website with Framer, the website builder loved by startups, designers and agencies.