Заказчик
Наш клиент — авторизованные магазины Xiaomi в Беларуси, представленные на mi.by. Все товары на сайте находятся на собственных складах компании «МиБай», официально импортированы и сертифицированы. Начальный этап нашего сотрудничества заключался в техническом анализе сайта, однако вскоре стало очевидно, что требуется полная переработка ресурса.
Цели проекта
Задачи были сформулированы следующим образом:
- Создать современный сайт с обновленным дизайном и адаптивной версткой.
- С помощью нового сайта повысить конверсию и сделать интернет-магазин эффективным инструментом для увеличения продаж.
Вызовы
Начав с технического аудита mi.by, мы провели детальный анализ как технических аспектов, так и юзабилити сайта. Однако в процессе аудита стало понятно, что простые исправления не дадут желаемого результата — требовался полноценный редизайн.
Переход от аудита к редизайну
Изначально планировалось реализовать задачи, выявленные в ходе технического аудита:
- Оптимизация сайта: Мы очистили структуру сайта, удалили ненужные элементы, старый кэш и неиспользуемые блоки каталога.
- Оптимизация баз данных: Улучшили запросы и оптимизировали таблицы в базах данных.
- Кэширование и загрузка страниц: Настроили кэширование и сократили время загрузки страниц, следуя рекомендациям Google PageSpeed.
- Оптимизация стилей и скриптов: Провели оптимизацию стилей, скриптов и изображений для повышения производительности.
После завершения этих работ стало очевидно, что дальнейшие доработки были бы слишком сложными и затратными. Наиболее рациональным решением стал бы запуск нового сайта, который позволит эффективнее решить существующие проблемы и обеспечить гибкость для дальнейшего развития.
Стратегия редизайна
В процессе редизайна мы придерживались AGILE методологии, что обеспечивало гибкость и адаптивность в разработке. В отличие от традиционного подхода, где дизайн, верстка и интеграция происходят последовательно, мы выбрали более динамичный путь.
Разработка страниц велась поэтапно. Мы работали над каждой страницей или разделом поочередно. После завершения дизайна он отправлялся на согласование с клиентом, а затем сразу же в разработку. Такой подход позволил нам обновлять сайт без прерывания его работы.
Для каждой страницы был разработан единый алгоритм:
- Создание прототипов.
- Разработка дизайна.
- Согласование и внесение корректировок от клиента.
- Верстка и интеграция верстки на тестовом сайте.
- Тестирование и перенос.
Что изменилось?
- Современный дизайн: Визуальная составляющая сайта была значительно улучшена, сделав его более современным и удобным.
- Интуитивная навигация: Навигация по сайту стала проще и понятнее.
- Оптимизация под мобильные устройства: Полностью переработана мобильная версия сайта, обеспечив бесшовный опыт на всех устройствах.
- Интерактивные элементы: Были добавлены интерактивные функции, такие как фильтры и динамическая загрузка контента с использованием AJAX, что сделало взаимодействие с сайтом более плавным.
- Оптимизация уведомлений: Улучшена система уведомлений для клиентов, что повысило эффективность коммуникации.
Наглядные результаты выполненных работ
- Главная страница.
- Главная страница (мобильная версия).
- Блок с товарами на главной странице сайта.
- Карточки товаров.
- Каталог товаров.
- Информация о способах оплаты и доставки.
- Футер.
Дополнительные функции и возможности
Кроме основного редизайна, мы внедрили несколько дополнительных функций, которые значительно улучшили пользовательский опыт:
- Расширенный каталог товаров: Внедрили функционал сортировки и фильтрации, используя технологии AJAX. Это позволило пользователям без перезагрузки страницы сортировать товары по различным параметрам, таким как цена, категория, бренд, рейтинг и наличие.
- Функция сравнения товаров: Реализовали возможность сравнения товаров с помощью JavaScript и jQuery. Это дало пользователям возможность наглядно сравнивать характеристики и цены нескольких товаров, что облегчает процесс выбора.
- Функции “Предзаказ” и “Оставить заявку”: Добавили возможность оформления предзаказа или оставления заявки на товары, которые временно отсутствуют в наличии. Это помогает поддерживать интерес пользователей к товару и не терять потенциальных покупателей.
- Инфоблоки со стикерами на карточках товаров: Добавили возможность отображения специальных стикеров на карточках товаров. Эти стикеры могут быть настроены по цвету и тексту, что позволяет выделять определенные товары или предложения.
- Личный кабинет для клиентов: Создали с нуля персональный кабинет, который обеспечивает удобный доступ к заказам, истории покупок, бонусам и другим важным данным. Личный кабинет также позволяет отслеживать статусы заказов и участвовать в программе лояльности.
- Корректировка правил подсчета стоимости товаров: Обновили алгоритмы расчета стоимости товаров при рассрочке и использовании карт рассрочки, что повысило прозрачность ценообразования. Внедрили калькулятор рассрочки, который помогает клиентам мгновенно получать информацию о графике платежей и итоговой сумме кредита.
- Интеграция с 1С: Реализовали полную интеграцию с системой 1С, что автоматизировало процессы управления данными на сайте, обеспечив их актуальность и точность.
- Интеграция с платежными системами: Добавили поддержку ключевых платежных систем, таких как ЕРИП и bePaid, что значительно расширило возможности оплаты для клиентов.
Итоги
В ходе проекта мы акцентировали внимание на улучшении конверсий и увеличении продаж. Проведенный комплексный технический и UX аудит, оптимизация структуры сайта и его файлов, а также использование AGILE методологии позволили достичь высоких результатов. Для успешного развития сайта важно постоянно отслеживать взаимодействие пользователей, поддерживать его удобство и эффективность на всех устройствах, а также регулярно обновлять контент и внедрять новые функции.
Заключение
Наши услуги включают полный спектр работ по оптимизации сайтов, от аудита и редизайна до внедрения новых функциональных возможностей и интеграций. Мы готовы помочь вам улучшить ваш сайт и повысить его эффективность. Свяжитесь с нами для получения более подробной информации.
