Интернет-магазин одежды Lonx
Рады представить Вашему вниманию наш собственный интернет-магазин по продаже спортивной одежды "Lonx".
Список товаров
Решили сделать список товаров не подгружаемым при прокрутке страницы, а с нумерацией по страницам для лучшей индексации сайта. Наши модели товаров имеют несколько цветов, поэтому при наведении на конкретный товар показываются доступные цвета для выбора.
Чтобы повысить продажи, мы ввели скидки на нашу продукцию: старая цена зачёркивается, а скидочная располагается рядом. Также имеется отдельная страница, где можно купить товары по скидочной цене:
Карточка товара
Отдельное внимание заслуживает страница "Карточка товара". Дизайнерское решение блока "Добавить товар в корзину" состоит в том, чтобы максимально удобно расположить результаты стоимости товара от его выбранного количества. Для большего побуждения клиента купить товар именно у нас мы добавили напоминание наших преимуществ в виде отрисованных иллюстраций под кнопкой "Добавить в корзину".
И, конечно же, чтобы повысить продажи, обязательно должны быть допродажи, поэтому на странице товара присутствует блок "Рекомендуемые товары".
Хотим обратить Ваше внимание на то, как отображается цвет товара в палитре цветов. В Lonx цвет товаров может быть монотонным или многоцветным. Для товаров, состоящих из нескольких цветов, было предложено решение - последовательно отобразить все цвета товара в одном квадрате-выборе цвета. Для лучшего понимания взгляните на скриншот:
На скриншоте видно, что выбранный цвет соответствует цветам в отображаемом товаре, и заметьте, что серого цвета меньше всего, поэтому в квадратике он занимает меньшую площадь, чем другие в соотношении: голубой 40%, белый 40% и серый 20%. Это позволяет визуально лучше понять, что, щёлкнув на этот цвет в палитре, мы увидим вещь преимущественно голубого и белого цветов. Это особенно полезно, когда есть такая же модель в палитре цветов, но в ней преобладает больше, допустим, серого цвета - клиент, взглянув в перечень цветов, сразу же это поймёт.
Оформление заказа
Мы постарались максимально упростить покупку товаров, поэтому процесс оформления заказа происходит в 4 шага:
Вариантов способа доставки может быть несколько, и они зависят от указанного города, выбранного на шаге 2. Причём для одного города могут быть доступны одни способы доставки, а для другого города - другие.
Блок "Подписка на новости", Cashback, "Партнёрская программа"
Чтобы повысить лояльность клиентов, мы ввели бонусную систему. К примеру, покупатель может получить бонусы за подписку на наши новости. Также есть возможность возвратить часть средств с покупки в виде бонусов (cashback).
В зависимости от того, авторизован пользователь или нет, уже подписывался ли покупатель на новости или ему предлагается это сделать впервые, нужно показывать разное отображение блока "Подписаться на новости". Так как нами введено получение бонуса за подписку, мы учли 4 случая:
- Если пользователь не вошёл на сайт, то показывается обычная форма подписки.
- Если пользователь вошёл на сайт, но ни разу ещё не подписывался на новости, выводится просто иконка подарка с кнопкой "Подписаться". Незачем выводить поля, так как система итак знает его Имя и Email.
- Если пользователь подписался на новости, то выводится иконка акций с кнопкой "Все акции".
- Если по каким-то причинам покупатель отказался от подписки, то ему снова показывается кнопка "Подписаться", но уже без возможности получить подарочные бонусы. Они дарятся разово при первой подписки на новости.
Нами была введена партнёрская программа для продвижения нашего интернет-магазина. Но в свою очередь это даёт возможность зарабатывать партнёрам вместе с нами, и это очень здорово! У нас партнёр может разместить товары магазина Lonx в свои группы Вконтакте или размещать свою реферальную ссылку на любых сайтах.
Имеется статистика по начисленным процентам от оплаченных корзин рефералов, а также таблица вывода денежных средств:
Пользователь, регистрируясь на сайте, автоматически становится партнёром и получает уникальную реферальную ссылку для продвижения товаров.
Отображение сайта на мобильном устройстве
Адаптировать страницы интернет-магазина - непростая задача. Она заключается в размещении множества функциональных блоков сайта на маленький экран мобильного устройства. Зачастую это решается перестраиванием блоков друг под друга, но иногда это приводит к длинной прокрутке страницы. Мы же используем техники более сложной компоновки, что позволяет сократить высоту страницы.
