Разработка интернет-магазина мужской одежды Olymp

Заказчик

OLYMP в России производит продажу мужских сорочек, рубашек и аксессуаров оптовым покупателям, корпоративным клиентам, в сети розничных магазинов.

Задача

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

Задачи

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

Реализация

Проект выполнялся на базе 1С-Битрикс в редакции «Бизнес» с возможностью устанавливать цены для разных групп покупателей (оптовые, корпоративные, розничные продажи), как раз то, что нужно было клиенту. Первую версию проекта выполнили на шаблоне, затем перевели на собственный дизайн. 

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

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

1. В каталоге отображаются скидки на товары, имеется расширенный фильтр для каждого типа товара, где можно задать параметры “стиль”, “цвет”, “размер”, “силуэт”, “состав” и другие.
2. Реализовали поиск по каталогу, просмотр карточки товара, описание и свойства товара. Для удобства пользователей разработали расширенное выпадающее меню, чтобы клиент мог выбрать интересующий товар, не переходя в каталог.
3. Реализовали различные способы оплаты и доставки.
4. Функция оформления заказа спроектирована оптимальным способом для быстрого заполнения необходимых данных для доставки. После совершения первой покупки все данные запоминаются и хранятся в личном кабинете пользователя.
5. Функционал сайта адаптирован и доступен в удобной форме для мобильных устройств. 

Собственный дизайн (на примере главной страницы)

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

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

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

4. Добавили раздел с товарной подборкой. Формат данного раздела позволяет подсветить новинки.

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

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

7. Чтобы можно было показать сезонные коллекции, разработали блок с коллекциями товаров.

8. Реализовали блок с таблицей размеров, чтобы минимизировать негативные эмоции покупателя в случае неправильно заказанного размера, а также уменьшить количество возвратов товара.

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

Достигнутые цели

1. В рамках проекта собрали семантическое ядро, выполнили проектирование, дизайн, верстку и программирование.
2. Выполнили интеграцию с 1С и двухсторонний обмен с Битрикс24.
3. На сайте представили полный каталог мужской одежды и аксессуаров всемирно известных европейских марок, таких как Bernd Hennes (Германия), Ligatta (Испания), Barutti (Германия), Digel (Германия) и другие.
4. Спроектировали новый визуальный стиль сайта, отвечающий современным трендам. Разработали систему компонентов для дальнейшего масштабирования дизайна.

Перейти на сайт