Workspace Digital Awards 2025 — успейте номинировать кейсы по льготной цене до 1 декабря. Принять участие!
Cart-Power
RUSHEV — функциональный интернет-магазин с полностью кастомным дизайном
Cart-Power
#Дизайн сайта#Программирование сайта

RUSHEV — функциональный интернет-магазин с полностью кастомным дизайном

92 
Cart-Power
Cart-Power Россия, Ульяновск
Поделиться:
Клиент

RUSHEV

Сфера

Мода и красота

Регион

Россия

Сдано

Ноябрь 2023

Задача

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

Чтобы сайт отражал суть бренда и выглядел привлекательно, витрина сайта была сделана на vue.js и подключена к Админ панели CS-Cart по API. Поскольку решение самописное, в нем было много ошибок: не работал чекаут, расчет доставки производился некорректно, все заказы нужно было вручную создавать в CS-Cart.

В итоге интернет-магазин полноценно не работал.

Решение

- Мы предложили сделать свою тему с родной витриной CS-Cart, чтобы управление магазина было простым и удобным.

- Адаптировать дизайн стандартной темы CS-Cart каждой страницы магазина под требования заказчика.

1Главная страница

Главная страница — лицо компании, а в нашем случае бренда. Она играет важную роль в желании клиента остаться на сайте и продолжить поиск товаров. Поэтому для главной страницы мы интегрировали важные “фишки”:

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

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

У RUSHEV есть уникальное предложение — “Собрать украшение самому”. Рассказывая сразу об этой возможности, посетители еще больше захотят углубится в изучение сайта.

Каждая категория главного меню на странице подсвечена визуалом.

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

Об этом расскажут привлекательные фото и видео.

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

2Каталог

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

Благодаря модулю “Лейблы для товаров”, на избранные украшения можно поставить индивидуальный лейбл: “Рушев рекомендует”, “Именное”.

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

Из категорий в каталоге можно выбрать “Подарочный сертификат”.

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

3Карточка товара

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

В зависимости от материала изделия, доступны различные вариации.

Для украшений, которые можно собрать самому, можно не только выбрать цвет изделия, но и добавить именные инициалы.

4Страницы чекаута и корзины

Корзина покупателя настроена в виде всплывающего окна и не отвлекает от просмотра каталога. А при добавлении украшения в корзину всплывает уведомление, как с добавлением в “Избранное”.

Чекаут настроен по просьбе заказчика и включает в себя 2 последовательных шага: Способ доставки и Получатель. Оба шага доступны на одной странице, клиент понимает, что оформление заказа не займет много времени. Но при этом перейти на шаг 2, можно только после заполнения шага 1.

Доставка настроена 3 способами, один из которых включает посещение шоу рума, то есть самовывоз. Для выбора ПВЗ мы разработали нестандартное для CS-Cart решение — интеграция с картой Яндекс. Пункты на карте кастомизированы под логотип бренда, при выборе появится дополнительная информация. Поиск на карте нужного ПВЗ покажет доступные пункты рядом.

Результат

1. Сайт полноценно принимает и обрабатывает заказы. Не нужно этого делать вручную. Благодаря установленным и доработанным модулям Cart-Power функциональность сайта отвечает современным требованиям заказчика.

2. Благодаря колоссальной работе Front-end-разработчика, дизайн сайта полностью кастомизирован. Он совсем не похож на классический интернет-магазин на CS-Cart, отражает индивидуальность, идеи и ценности заказчика. При этом управлять изменениями в дизайне администратор может самостоятельно.

Комментарий агентства

Руслан Ханбиков
Руслан Ханбиков

“Еще на этапе оценки макетов стало ясно, что этот проект будет очень интересен, как с визуальной, так и с технической точки зрения. Таких проектов на CS-Cart единицы. Мы постарались максимально удовлетворить все требования, используя современные решения и, несомненно, получили огромное удовольствие от работы.” Анастасия Зарайская, Front-end Team Lead.

https://rushev.online/

Стек технологий


Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Cart-Power с удовольствием обсудит вашу задачу

Оставить заявку