Интернет-магазин
для производителя
перил и ограждений
Смотреть проект
О том, как улучшить
пользовательский опыт
и повысить продажи
О проекте
-
Услуга:
Разработка интернет-магазина
-
Срок реализации:
3 месяца
-
Тип сайта:
Интернет-магазин
-
Список технологий:
Figma, Html, Css (Scss), Js, WordPress, WooCommerce
-
О заказчике:
Компания «Блескмет» — масштабное предприятие полного цикла по поставке комплектующих, секций, готовых перил и ограждений из стали и нержавейки
Детали
Проблемы клиента
- Устаревший внешний вид
- Медленная скорость работы сайта
- Ошибки в коде сайта
Решение проблем
- Разработали новый дизайн, улучшив UX / UI
- Оптимизировали скорость сайта
- Переписали код темы сайта для нового дизайна, исправив ошибки
процесс работы
-
- 01
Брифинг клиента
Провели подробный брифинг клиента, на котором выявили цели редизайна интернет-магазина под ключ и сформировали соответствующие задачи.
Клиенту не нравилось, что сайт «неудобный и непонятный», а также имеет много ошибок в коде из-за некомпетентности предыдущего разработчика. -
- 02
Договор
Составили договор возмездного оказания услуг, разбив работы над интернет-магазином на 4 этапа.
Каждый этап представлял из себя приложение к договору, которое регламентировало объем работ, сроки и стоимость этапа.
Это позволило выстроить прозрачную систему взаимодействия с клиентом.
-
- 03
Анализ конкурентов
Работы над проектом были начаты с анализа конкурентов в нише производства перил и комплектующих для наилучшего понимания рынка, структуры предложений и поведения покупателей.
На основе полученных выводов мы сформировали требования к структуре будущего сайта и заложили принципы удобного пользовательского пути — от первого касания до оформления заявки.
-
- 04
Дизайн
После анализа конкурентов мы приступили к этапу проектирования дизайна интернет-магазина.
На основе лучших практик в нише перил и комплектующих мы подобрали визуальные референсы, отражающие современные тенденции, удобную структуру каталога и понятную навигацию.
Далее подготовленные концепции были согласованы с клиентом, что позволило зафиксировать визуальное направление проекта и перейти к разработке детализированных макетов.
Дизайн-макеты интернет-магазина разрабатывались с учетом лучших практик веб-дизайна. Основное внимание было уделено наилучшему взаимодействию пользователя с товарами и упрощению пути покупки.
-
- 05
Разработка
По мере готовности дизайн-макетов интернет-магазина и их согласования с клиентом мы передавали их в разработку. Работы велись на тестовом домене во избежание остановки продаж на основной (старой) версии сайта.
Такой параллельный процесс позволил сократить сроки реализации проекта и быстрее приблизиться к запуску.Разработка сайта проводилась с акцентом на переписывание кода старой темы WordPress, имеющей множество технических ошибок, устаревших шаблонов и «мусорного кода».
В процессе разработки мы смогли не просто обновить внешний вид интернет-магазина на основе нового дизайна, а создать правильную и масштабируемую структуру для дальнейшего развития сайта, упростить управление контентом и оптмизировать скорость загрузки ресурса.
-
- 06
Тестирование
После этапа разработки мы приступили к тестированию продукта, проходя различные сценарии пользователей. Это позволило выявить ошибки и баги для последующего устранения.
-
- 07
Запуск проекта
По завершении работ и тестирования всех функций интернет-магазина мы перешли к этапу запуска.
Ключевой задачей на этом этапе был перенос сайта с тестового домена на продакшн. Чтобы посетители понимали, что сайт временно недоступен, мы разместили на основном домене табличку о ведении технических работ.
Также перенесли в базу данных клиентов и заказы, появившиеся на старом сайте за время работ по новому.
Благодаря поэтапной работе, эффективным шагам и продуманному переносу сайт был успешно запущен с коротким перерывом на технические работы, что позволило не прекращать продажи на значительное время.
-
- 08
Поддержка
После запуска сайта мы предоставили инструкцию по управлению админ-панелью в формате PDF, а также продолжили поддерживать связь с клиентом, занимаясь дальнейшим развитием интернет-магазина.
Результат
-
-
01
Путь от захода на сайт до покупки стал быстрее почти в 2 раза
-
-
02
Сайт стал занимать более высокие позиции в поисковой выдаче
-
-
03
Увеличили показатели скорости сайта: моб. версия +13 пунктов, десктоп версия +5 пунктов (по Google PageSpeed)
-
-
04
Увеличили количество заказов на 20%