Комплексный редизайн и UX-оптимизация сайта Dr.Explain — кейс по росту конверсии и генерации лидовч

Клиент

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

Посетить сайт

Разработка концепции главного экрана Dr.Explain: проектирование высококонверсионного первого экрана с четким УТП о быстром создании документации и блоком социального доказательства «50 тыс. пользователей».

Цели проекта

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

Анализ

Для удовлетворения целей заказчика нами были проведены работы, состоящие из трёх ключевых этапов:

Второй этап проектирования: проведение глубинных интервью с респондентами (CustDev) для формирования гипотез и проработки пользовательских сценариев.

Заключительный этап аналитики: полная переработка информационной архитектуры сайта на основе полученных данных о поведении пользователей.

Разработка

Брендинг

В разработку айдентики входила работа с типографикой и цветом, разработка логотипа и фирменных графических элементов. В основу логотипа легла визуальная метафора: графические элементы обозначают ряд действий (объект-клик мышкой-выполненное действие) Также были предложены варианты развития стиля в полиграфии и веб-пространстве.

Редизайн логотипа Dr.Explain: внедрение визуальной метафоры «объект — действие — результат» через графические символы курсора и чек-бокса.

Разработка уникального сета 3D-объектов и 2D-иконок для интерфейса, обеспечивающих интуитивно понятную визуальную коммуникацию и современный вид ПО.

Создание динамичного графического паттерна на основе элементов айдентики для усиления узнаваемости бренда в цифровой и печатной среде.

Презентация реализации фирменного стиля на физических и цифровых носителях: дизайн для планшета, смартфона и деловой канцелярии Dr.Explain.

UI-kit

Техническое проектирование компонентов интерфейса: библиотека навигационных элементов, кнопок и их состояний для обеспечения единых стандартов верстки.

Типографика и цвет

Техническая спецификация типографики ИТ-продукта. Демонстрация шрифтовой гарнитуры Manrope с полным набором кириллических и латинских символов в верхнем и нижнем регистрах. Выбор данного гротеска обеспечивает современную эстетику, безупречную читаемость в B2B-интерфейсах и поддержку многоязычности дизайн-системы.

Техническая спецификация цветовой палитры ИТ-продукта . Система акцентных и базовых цветов для B2B-интерфейса, сочетающая энергичный оранжевый, технологичный синий и строгий графитовый оттенки.

Адаптация

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

Проектирование высококонверсионного мобильного интерфейса (UI) для B2B-продукта. Сборка экранов, демонстрирующая четкие УТП, включая метрику «на 65% разгрузите техподдержку» и блок социального доказательства в адаптивной версии.