telegram kadweb
telegram kadweb

Интернет-магазин
для производителя
перил и ограждений

Смотреть проект

О том, как улучшить
пользовательский опыт
и повысить продажи

О проекте

  • Услуга:

    Разработка интернет-магазина

  • Срок реализации:

    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%

Свяжитесь
со мной

Обсудим ваш проект вместе

Где лучше с вами связаться?