Сеть мебельных салонов Формула Мебели

Что не устраивало заказчика?
  • Старомодный дизайн сайта.
  • Плохая производительность и скорость сайта.
  • Низкая конверсия.
Цель:
  • Создание нового сайта интернет-магазина взамен существующему сайту, который не удовлетворяет требованиям производительности.
  • Увеличение оборота интернет-магазина в 2 раза.
  • Улучшить ux/ui.
Этапы реализации

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

Разработано множество прототипов.
Этапы реализации

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

Третий этап - это верстка макетов дизайна и верстка адаптивных макетов. Следом наш специалист провел тщательное тестирование и была проведена отладка вёрстки. Четвертым этапом наши программисты начали устанавливать настраивать ядро системы, интеграцию верстки в систему управления и провели настройку ролей пользователей. Была проведена большая работа с каталогом (вывод, фильтрация, сортировки, персональные рекомендации, скидки (старая/новая цена)), оформление заказа (расчёт доставки собственной службой, оплата), проработка формы обратной связи и настройка личного кабинета. Была сделана конфигурация программы лояльности с 1С, настройка по сайту и обмен с 1С товарами, остатками и заказами. Так как сайт существует долгое время, то накопилось большое количество отзывов о товарах, которые требовалось перенести на сайт.

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

Адаптивные макеты
Сложность, с которой мы столкнулись

Одна из проблем, которая была обозначена заказчиком - это потеря лидов. При оформлении заказа пользователи неправильно указывали свой номер телефона. Это приводило к тому, что менеджеры в дальнейшем не могли связаться с покупателями. Мы подключили сайт к внешнему сервису и в форме оформления заказа пользователь, указывая номер телефона, должен был подтвердить его путём ввода кода из смс.

Корзина
Дизайн-токены

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

Команда на проекте:

Team lead, 2 backend-программиста, frontend-разработчик, аналитик, технический писатель, тестировщик, дизайнер, менеджер и аккаунт-директор.

Карточка товара
Дополнительные возможности
Результат:

Мы смогли разработать удобный и быстрый веб-сайт, который удовлетворил все требования нашего заказчика. На этапе завершения система имела последнюю доступную версию Битрикс, а также последнюю стабильную версию php 8. Благодаря кастомной разработки фронтовой части сайта - это позволило исключить лишние скрипты и использовать только нужные компоненты. Мы провели веб-аналитику и ряд других работы, которые были направлены на повышение показателей интернет-магазина, что привело в конечном итоге к повышению конверсии в 2 раза. Благодаря продуманному ux/ui сайт стал более современный, удобный и красивый.