Заходите за новыми «конверсами»! История разработки интернет-магазина Nonconform

Компания Nonconform — официальный дистрибьютор легендарных обувных брендов Converse, Dr. Martens, UGG, Saucony, Diadora и других.

Заходите за новыми «конверсами»! История разработки интернет-магазина Nonconform

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

Для разработки нового интернет-магазина Nonconform пригласили нас — в первую очередь из-за серьёзного портфолио в fashion-сегменте. Так началась работа над проектом nonconform.ru.

Выбрали в первую очередь из-за сильного портфолио с fashion-брендами, для которых Oneway делали успешные проекты. Мы понимали, что компания не будет «изобретать велосипед» и уже есть успешные наработки в нашем направлении.

Павел Новиков, руководитель направления электронной коммерции Nonconform

Летом 2022 года мы начали проектирование нового сайта. Совместно с клиентом составили подробное проектное задание более чем на 50 страниц, чтобы не упустить ни одной важной детали.

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

<i>Прототипы <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fnonconform.ru%2F&postId=876385" rel="nofollow noreferrer noopener" target="_blank">nonconform.ru</a></i>
Прототипы nonconform.ru

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

Провели адаптивную вёрстку макетов на VueJS, настроили реактивное обновление страниц и загрузку каталога на Ajax. Это помогает сайту работать быстрее и отзывчивее: например, фильтры в каталоге применяются без раздражающей перезагрузки всей страницы. И, конечно, предусмотрено одинаково удобное использование сайта на экранах разного размера: от больших десктопов до смартфонов.

<i>Дизайн-макеты <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fnonconform.ru%2F&postId=876385" rel="nofollow noreferrer noopener" target="_blank">nonconform.ru</a></i>
Дизайн-макеты nonconform.ru

Находясь уже на этапе вёрстки, мы столкнулись с непредвиденным форс-мажором. Изначально предполагалось, что товары будут храниться на собственном складе Nonconform, а покупатели будут получать товары через PickPoint. Но с подготовкой склада возникли проблемы, а PickPoint и вовсе закрылись. В экстренном порядке на замену был выбран фулфилмент от Lamoda, мы внесли изменения в проектное задание и макеты и двинулись дальше.

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

Павел Новиков, руководитель направления электронной коммерции Nonconform

Фулфилмент Lamoda

Провели интеграцию с фулфилментом Lamoda, который обеспечивает процесс обработки заказа от его оформления до доставки покупателю. Реализован обмен данными между интернет-магазином и фулфилментом: обработка заказов и обновление их статусов, получение данных о товарных остатках и о доставке заказа — адрес, способы и сроки доставки.

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

<i>Выбор способа доставки на <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fnonconform.ru%2F&postId=876385" rel="nofollow noreferrer noopener" target="_blank">nonconform.ru</a></i>
Выбор способа доставки на nonconform.ru

Платёжные системы

Подключили онлайн-оплату через банковский эквайринг от Сбера и оплату заказов по частям через сервис «Долями» от Тинькофф. Пользователи могут быстро и легко оформить заказ в беспроцентную рассрочку и оплатить его четырьмя равными долями. Подробнее о пользе рассрочки в e-commerce рассказываем здесь.

<i>Оплата через сервис «Долями» на <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fnonconform.ru%2F&postId=876385" rel="nofollow noreferrer noopener" target="_blank">nonconform.ru</a></i>
Оплата через сервис «Долями» на nonconform.ru

Интеграция с Mindbox

Провели глубокую интеграцию с Mindbox — платформой автоматизации маркетинга. Она позволяет настроить авторизацию в личном кабинете с помощью SMS, выводить на сайте поп-апы, динамические блоки, баннеры и виджеты.

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

<i>Схема работы платформы Mindbox</i>
Схема работы платформы Mindbox

Передача товарных фидов

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

Интеграция с Дигифт

Подключили к сайту Дигифт — сервис для создания и продажи подарочных сертификатов. Он позволяет быстро и легко запустить продажу подарочных карт со своим дизайном, любым номиналом и поздравительным текстом. Сертификатом можно оплатить покупки в интернет-магазине.

<i>Пример виджета сервиса Дигифт</i>
Пример виджета сервиса Дигифт

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

Павел Новиков из Nonconform — отзыв о Студии Oneway

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

Павел Новиков, руководитель направления электронной коммерции Nonconform

Nonconform довольны сотрудничеством со студией Oneway и готовы нас рекомендовать, а мы благодарны за интересный проект и с нетерпением ждём новых. Пишите — будем рады поработать!

Больше о работе над проектами для других международных и федеральных fashion-брендов — на нашем сайте.

Подписывайтесь на наш телеграм-канал — там больше кейсов, статей и заметок о e-commerce для fashion и не только.

44
9 комментариев

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

3
Ответить

Скрывать или нет — не всегда только наше решение. Но замечание хорошее, передадим заказчику, спасибо)

К слову, сейчас посмотрели «Sale» для мужчин и женщин — попадаются товары «Нет в наличии», но буквально один из пятнадцати. Странно 🤔

Ответить

“Magento: разработка долгая, сложная и дорогая. По итогам исследований было решено запускать новый проект на 1С-Битрикс: платформа даёт все возможности для быстрого внедрения, интеграции с внешними системами, построения омниканальности и, что немаловажно — для поиска подходящего подрядчика среди сотен компаний.”

Интересный вывод конечно скинуть все на сложность одной платформы в пользу простоты другой. Но я как разработчик соответственно на Magento могу сказать, что если ты знаешь систему с которой ты работаешь, то и сложностей она не приносит. Да порог вхождения выше чем в битрикс, но разве это плохо? Magento заставляет писать тебя по канонам модульной архитектуры и в ней можно разбивать все на rest/graphql api, сделать pwa и не надо заниматься рендерером блоков где намешан frontend and backend.

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

1
Ответить

Плюсую. И еще "что немаловажно — для поиска подходящего подрядчика среди сотен компаний" - тут тоже спорно. Тогда вообще PHP-шников пруд пруди у нас, давайте на кастоме писать всё. Суть же не в количестве, а в качестве. Высокий порог входа - как одно из следствий качества.

1
Ответить

получилось очень даже не плохо

1
Ответить

Спасибо! 😉

Ответить

Как говорят в интернете, «война между этими фандомами идёт давно и непримиримо» 😉

Разработчики и заказчики, как правило, смотрят на такие вещи под разными углами, и каждая сторона по-своему права. Здесь не идёт речи о том, что Magento чем-то хуже в своих возможностях.

Здесь речь, в первую очередь, о бизнесе, который считает деньги. И на текущий момент выбрать 1С-Битрикс на долгой дистанции для российского е-кома действительно выгоднее. Во всяком случае, так показывает наш опыт и опыт наших клиентов, не берёмся выводить единую аксиому для всех 🙂

1
Ответить