[Кейс]: Дизайн интерьера. Увеличили конверсию на 12% для Expostroy, сделав крутой редизайн сайта

1. Вводная задача от заказчика, проблематика, цели

• Сделать сайт более привлекательным и удобным
• Увеличить конверсию в звонок

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Подход к решению

• Исследование конкурентной среды и юзабилити
• Реконструкция с учетом полученной информации в ходе анализа
• Реализация согласованных модификаций
• Проверка функционала сайта

Исследование конкурентов

• Oпределение конкурентов. Мы выявили и проанализировали компании, занимающиеся дизайном интерьеров в Москве и предлагающие сходную линейку товаров для ремонта и отделки. В список конкурентов вошли оптовые, розничные и интернет-магазины, предоставляющие сопоставимые услуги и продукцию.
• Сбор данных. Мы провели глубокий анализ конкурентов, изучили их сайты, маркетинговые ресурсы, товарные линии, акции и другие предложенные услуги. Рассмотрели стратегии и методы предоставления услуг, выявили главные достоинства и недостатки.
• Сопоставительный анализ. Мы оценили дизайн, навигацию по сайту, представленный ассортимент товаров, ценообразование, условия работы, уровень обслуживания клиентов.
• Определение уникальных преимуществ. На основании проведенного исследования конкурентов определили, какие особенности присущи Expostroy.
• В качестве главных преимуществ были отмечены:
• эксклюзивные методы создания продукции;
• выгодные условия для дизайнеров и архитекторов;
• уровень обслуживания.
• Определение новой концепции сайта. Мы разработали общую концепцию обновления сайта, создали первые эскизы.

Как собрать полную и достоверную информацию о конкурентах

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

Исследование юзабилити

• Сбор информации. Произвели анализ действий пользователей, осознали, как посетители взаимодействуют с веб-сайтом, оценили их потребности, вопросы и предпочтения.
• Изучение навигации. Оценили структуру навигации сайта, включая главное меню, ссылки, категории товаров и т.д. Выявили возможные проблемы и поняли, как улучшить пользовательский опыт.
• Оценка содержимого. Провели анализ полезности и качества контента сайта. Оценили доступность, информативность, актуальность, структурированность и соответствие ожиданиям и потребностям пользователей.
• Тестирование интерфейса пользователя. Провели тесты, в ходе которых пользователи выполняли определенные задачи на сайте.
• Оценили, насколько легко осуществляются необходимые действия: поиск магазинов, информация о рабочем времени отделов, местоположение информационных стендов и другие ключевые функции.
• Оценка визуального дизайна. Проанализировали дизайн сайта, расположение элементов, цветовую схему, шрифты и графические элементы. Оценили эстетическую привлекательность и соответствие дизайна корпоративному стилю.
• Формирование предложений. На основе проведенного исследования сформировали рекомендации по улучшению юзабилити сайта.
• Включили в них предложения по оптимизации навигации, улучшению дизайна и другие изменения, направленные на увеличение комфорта и привлекательности сайта для пользователей.

Рестайлинг

• Анализ проекта и заполнение брифа. Встретились с клиентом, чтобы уяснить цели, требования и пожелания к новому дизайну.
• Заполнили бриф, который стал основой для дальнейшей разработки.
• Формирование технического задания. Исходя из полученной информации и брифа, сформировали детальное техническое задание.
• Зафиксировали требования клиента, предпочтительные функциональные решения для сайта. Описали структуру проекта, продемонстрировали макеты страниц и сценарии взаимодействия пользователя с сайтом.
• Разработка прототипа. Спроектировали структуру страниц и элементов для обеспечения удобной навигации и понятного взаимодействия с сайтом. Создали прототип, представляющий общую концепцию и идею будущего сайта. Внесли корректировки и уточнения в прототип на основе отзывов клиента.
• Создание дизайн-макетов. Разработали все блоки и элементы сайта в графическом виде, включая создание цветовой схемы, иконок и других графических компонентов. Учли корпоративный стиль компании, чтобы сайт был согласован с другими материалами бренда.
• Предоставили клиенту готовые дизайн-макеты для утверждения и последующей работы.
• Вёрстка макетов и интеграция с CMS. Преобразовали дизайн-макеты в код с помощью современных веб-технологий. Верстали адаптивный, кросс-браузерный сайт, который корректно отображается на различных устройствах и в разных браузерах. Связали разработанный сайт с выбранной системой управления контентом (CMS) для удобства редактирования и обновления информации.

Реализация модификаций

• Планирование и организация. Создали глубоко проработанный план реализации изменений, установили стадии и график выполнения.
• Определили ответственных участников, которые были ответственны за осуществление каждой стадии. Всего в проекте участвовало 9 профессионалов.
• Коммуникация и обучение. Продемонстрировали сотрудникам Expostroy предстоящие модификации, обратили внимание на инновации и функциональность.
• Реализация модификаций. Произвели необходимые изменения в веб-сайте и системах управления. Обновили дизайн, добавили оговоренные функции, усовершенствовали навигацию.

Проверка функциональности

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

3. Результаты сотрудничества

• Увеличение конверсии в звонок на 12%.
• Повышение комфорта использования сайта.