- Заказчик
- 21-shop — это один из первых российских магазинов, ориентированных на streetwear сегмент, существует уже более 15 лет на рынке.
- Задача
- Создать удобный интернет-магазин одежды с полной интеграцией 1С (обмен товарами и заказами) и подключить сторонние сервисы он-лайн оплаты и агрегатор доставок.
Клиент обратился к нам в студию за созданием адаптивного интернет-магазина имея уже готовой дизайн desktop версии.
С целью более быстрого запуска проекта и старта продаж мы разделили работу на 2 части:
- запустить магазин с минимально необходимым количеством функционала для старта продаж;
- внедрить адаптивную версию сайта и доработать оставшийся функционал.
Первую версию интернет-магазина с desktop версией, подключенным 1C, сервисами доставки и оплаты мы сделали за 22 рабочих дня!
За это время мы полностью сверстали все страницы интернет-магазина, интегрировали с 1С. При этом структура каталога в 1С отличалась от структуры на сайте. На этапе выгрузке из 1С по определенным критериям формируется необходимая структура каталога.
На втором этапе мы перешли к самому интересному и любимому занятию – адаптивной версии и разным интересным дополнениям.
Теперь о самом интересном:
На сайте для удобства покупателя есть разделы с новинками и скидками, поиск товара по бренду, удобный личный кабинет, лист желаний.
1. Страница каталога товаров
Страница каталога товаров имеет удобную структуру и понятный интерфейс. Для этого мы сделали:
- внедрили умный фильтр по характеристикам товаров;
- добавили возможность произвольно размещать лейблы “новинка”, “хит продаж”, “акция”;
- добавили функцию быстрого просмотра товара, а также возможность купить товар из каталога (предварительно выбрав торговое предложение);
- внедрили постраничную навигацию как у Яндекс.Маркета, которая включает в себя как классическую пагинацию, так и кнопку «показать еще», по нажатию на которую происходит подгрузка следующей страницы каталога.
2. Карточка товара
Товар в магазине 21-shop — это торговое предложение с возможностью в карточке товара выбрать характеристики (например, размер и цвет) интересующей вещи.
На карточке товара присутствует возможность купить товар в 1 клик, добавить в лист желаний (wish list). Также реализована возможность оставить отзыв зарегистрированным пользователям.
3. Оформление заказа
Мы сделали весь процесс оформления заказа на одной странице.
Интегрировали сервис доставки checkout и яндекс.кассу для приема платежей он-лайн.
4. Журнал
На сайте ведется интересный онлайн-журнал о streat wear моде. Для удобства пользования журналом мы разработали теги для записей.
4. Магазины
В разделе магазины наглядно представлены все магазины бренда 21-shop с возможностью сортировки по городам.
В заключение: Каждый день мы что-то дорабатываем в этом проекте, делая его удобней для клиента.
Сделано в Ameton