Разработка интернет-магазина специализирующийся на продаже шин и дисков

О клиенте

Колесо — большой Питерский интернет-магазин, специализирующийся на продаже шин и дисков с сетью гипермаркетов по всему Санкт-Петербургу, пришел к нам с запросом на развитие своего уже морально устаревшего сайта.

Клиент обратился к нам за помощью в завершении разрабатываемого ранее проекта. По какой то причине они не смогли согласовать ряд работ по дальнейшей разработке с предыдущими подрядчиками. Проект к нам пришел на стадии готовности прототипов.

Когда мы получили материалы и требования от клиента, мы тщательно изучили каждую деталь. Стало понятно, что на предыдущих этапах проекта (проектирование и прототипирование) было упущено множество важных элементов, например отсутствовало несколько ключевых окон в прототипах, не хватало форм. Ряд требований, которые должны были быть заложены еще на этапе проектирования, отсутствовали в прототипах сайта.

Чтобы создать полную картину и не упустить важные детали, мы предложили вернуться к этапу проектирования, провести тщательную аналитику и внедрить недостающие элементы в проект.

Важно

На этапе проектирования собираются данные, проводится аналитика и изучение рынка конкурентов. На основе собранной информации создается структура сайта со всеми будущими окнами, переходами, также показываются все требуемые интеграции, указываются формы и выделяют важные моменты, в которых требуется дополнительно оптимизировать бизнес процессы.

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

По итогу провели презентацию структуры, где клиенту показали схему будущего сайта. Согласовали все страницы, удостоверились в удобстве использования для клиентов и администраторов, и договорились о взаимодействии.

Необходимо понимать, что предпроектная аналитика является неотъемлемой частью успешной разработки любого продукта. Мы на всех проектах придаем этому этапу особую важность.

Так как сайт был создан около 10 лет назад и с тех пор не обновлялся, одной из наших важных задач было полное обновление фронтенд части и весь технологический стек. В текущей версии сайта, основанной на платформе Битрикс (1С-Битрикс: Управление сайтом 10.0.7), отсутствовала адаптивная версия шаблона, что негативно сказывалось на индексации сайта поисковыми системами и удобстве использования для пользователей.

Что сделали?

Наша команда проанализировала текущую ситуацию и учла последние тренды веб-дизайна и пользовательского опыта. Мы разработали новый, современный и адаптивный дизайн сайта, который будет полностью соответствовать ожиданиям и потребностям клиентов.

Также мы обновили технологический стек, внедрив новейшие инструменты и решения, чтобы обеспечить высокую производительность и безопасность сайта. Команда разработчиков осуществила переход на современные платформы, учитывая все технические требования и стандарты.

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

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

Внедрили онлайн-оплату и возможность покупки в кредит, которые упрощают процесс покупки и делают его более гибким. Интеграция системы управления сайтом с 1С позволяет нам эффективно обмениваться информацией о товарах, остатках и другой важной информации.

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

Мы уверены, что эти изменения помогут повысить эффективность бизнеса «Колесо» и улучшить опыт пользователей при поиске и покупке шин и дисков.

Что было

Ранее сайт функционировал, как стандартный интернет-магазин без адаптивного дизайна на устаревшей версии Битрикс. Однако, со временем начали возникать проблемы, связанные с некорректной работой определенного функционала, а также с доставкой заказов в регионы. Клиенты сталкивались с тем, что стоимость и сроки доставки можно было узнать только после оформления заказа через менеджера, что вызывало неудобства.

Заказчик не был удовлетворен отсутствием адаптивности сайта, устаревшим дизайном, ограниченными возможностями для расширения функционала и отсутствием обновлений системы. Он понимал, что для успешного развития бизнеса необходимо обновление и современный дизайн сайта, а также улучшение процессов доставки и оформления заказов.

Что стало

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

Мы провели обновление системы на современную версию Битрикс, что позволило устранить ограничения предыдущей версии и расширить функционал сайта. Мы учли потребности заказчика и создали гибкую и масштабируемую систему, которую можно будет легко обновлять и расширять в будущем

Решение
Для решения поставленных задач мы предложили следующие решения:
  1. Создание сайта на обновленной версии Битрикс: Мы решили перенести сайт на последнюю версию Битрикс, что позволило нам расширить функционал и улучшить производительность. Это также обеспечило возможность более гибкого управления контентом и обновлениями.
  2. Разработка уникального адаптивного дизайна: Мы создали новый дизайн сайта, который адаптируется к разным устройствам и обеспечивает лучший пользовательский опыт. Наша команда дизайнеров учла все требования заказчика и создала привлекательный и функциональный интерфейс.
  3. Обновление всех интеграций: Мы обновили все интеграции, связанные с функциональностью сайта, чтобы обеспечить более плавную работу и повысить эффективность процессов.
  4. Улучшение интерфейса личного кабинета: Мы переработали интерфейс личного кабинета, чтобы сделать его более интуитивно понятным и удобным для клиентов. Теперь они могут легко просматривать историю заказов, управлять своими данными и настройками.
  5. Создание прозрачных условий доставки: Мы улучшили процесс оформления и отображения информации о доставке, чтобы клиенты могли четко видеть стоимость и сроки доставки перед оформлением заказа. Это способствует повышению доверия и комфорту при покупках.
  6. Упрощение процедуры оформления заказа: Мы переработали процесс оформления заказа, сделав его более интуитивным и простым для клиентов. Мы сократили количество шагов и упростили заполнение информации, чтобы ускорить процесс покупки.
  7. Переработка способа выбора товара пользователем: Мы улучшили интерфейс и функциональность для выбора товаров, чтобы клиенты могли легко находить нужные им товары, сравнивать и выбирать оптимальные варианты.
  8. Создание системы управления продуктовой информацией (PIM): Мы предложили создание системы управления продуктовой информацией на сервере заказчика, которая позволит централизованно управлять всем контентом, используя единую базу данных. Это упростит процесс обновления и синхронизации информации о товарах и обеспечит ее актуальность и консистентность на всем сайте.
Результат

В рамках проекта были успешно реализованы следующие функциональные возможности, чтобы улучшить пользовательский опыт и эффективность работы сайта:

  1. Интеграция подборщика дисков: Мы внедрили подборщик дисков, который содержит информацию о всех моделях автомобилей. Это позволяет клиентам точно подобрать подходящие диски для своего автомобиля, учитывая его параметры и характеристики.
  2. Интеграция с доставкой через «Деловые Линии»: Мы настроили интеграцию с популярной службой доставки «Деловые Линии», чтобы клиенты могли выбирать удобный способ доставки и узнавать о стоимости и сроках доставки прямо на сайте.
  3. Подбор совместимых шин, дисков и моторного масла: Мы разработали функционал для подбора совместимых шин, дисков и моторного масла, чтобы клиенты могли точно выбрать нужные им компоненты, учитывая особенности своего автомобиля.
  4. Система онлайн-оплаты: Мы внедрили систему онлайн-оплаты, чтобы клиенты могли легко и безопасно оплачивать свои заказы прямо на сайте. Это обеспечивает быстрое и удобное завершение процесса покупки.

Кроме того, мы добавили следующие функциональности:

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

В процессе реализации проекта мы разбили его на несколько этапов: проектирование и написание технического задания, прототипирование, разработка дизайна, программирование и настройка интеграций, а также тестирование. Каждый этап был выполняем специалистами, чьи обязанности были распределены в соответствии с их профилем работы.

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

Для реализации проекта мы использовали стандартный фреймворк Битрикс, который является надежной и широко используемой платформой для разработки интернет-магазинов. Это позволило нам эффективно работать над проектом и внедрять необходимые функциональные возможности.

Результаты

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

Кроме того, мы внедрили интеграцию с системой 1С, чтобы обеспечить передачу каталога, информации о товарах и остатках. Это позволяет клиентам видеть актуальные данные о товарах и их доступность, а также упрощает процесс управления и обновления информации для администраторов.

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

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

Кроме того, было предложено создание системы управления продуктовой информацией (PIM) на сервере заказчика для централизованного управления всем контентом с использованием единой базы данных.

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