Categoria.ru - нагрузки, обмен с 1С и интерфейсы, которые продают

Задачу заказчик поставил с виду несложную: сделать самый лучший в его тематике интернет-магазин. Всего и делов-то!

Задача

Создать новый сайт магазина "Категория А".

Сделать сайт удобным для просмотра с любого устройства.

Интегрировать проект с системой учёта, платежными сервисами и торговыми площадками.

Обеспечить отзывчивость интерфейсов под нагрузками.

Сохранить старый контент.

Магазин начинается с витрины...

Для этого проекта мы выбрали проверенную схему расположения блоков внутри разделов, а на главной сделали «витрину».

В среднем на принятие решения «нравится или нет» новый пользователь сайта тратит менее секунды. Поэтому то, что он видит на главной странице, очень важно. Начал скроллить или кликать — интерфейсконтроль пройден. Сбежал — увы.

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

... а заканчивается оформлением заказа!

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

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

Интеграции

Интеграция с 1С

Интеграция с 1С

Проект полностью интегрирован с "1С:Управление торговлей 8.3". Сайт в реальном времени обменивается с учётной системой данными по остаткам, ценам, товарам и их свойствам, передаёт в 1С заказы и все изменения по ним.

Интеграция с сервисами Яндекса

Интеграция с Яндекс

Для обеспечения безопасной и удобной оплаты заказов была проведена интеграция с сервисом Яндекс.Касса. Для расширения охвата покупателей — интеграция с сервисом Яндекс.Маркет.

Специально для этого проекта мы написали несколько модулей для 1С-Битрикс

Товарные коллекции
Позволяет создавать любые коллекции товаров из каталога по заданным критериям и публиковать эти наборы на отдельных промо-страницах.
Умнейший фильтр :)
Модуль, дополняющий возможности «умного фильтра» для специалистов по продвижению.
Оптимизатор изображений
Модуль оптимизации картинок через сервис TinyPNG, позволивший значительно уменьшить общий вес фото в каталоге.

Серверное окружение


Стоит упомянуть подбор и настройку сервера для проекта. Протестировали несколько альтернативных конфигураций, остановились на связке «VPS в облаке + Bitrix VM».

Подобная схема позволяет гибко управлять ресурсами в зависимости от нагрузки, а пакет серверного окружения от 1С-Битрикс — адаптировать к изменениям веб-сервер. Такая схема имеет свои особенности, но их можно решить при аккуратной работе с настройками серверного софта.

Адаптивная вёрстка

Все интерфейсы сайта адаптивны и корректно отображаются на любых современных устройствах. Для обеспечения полной адаптивности мы использовали собственный CSS-фреймворк.
Главная страницаРазделы в каталогеПеречень товаровКарточка товараЛендинг сервис-центраСтатьиКорзина
Главная страницаРазделы в каталогеПеречень товаровКарточка товараЛендинг сервис-центраСтатьиКорзина
Главная страницаРазделы в каталогеПеречень товаровКарточка товараЛендинг сервис-центраСтатьиКорзина
Заказчик получил современный интернет-магазин. Быстрый, адаптивный, с уникальным и дружественным для покупателей дизайном. Некоторые даже считают, что лучший в этой тематике.
Вадим Завьялов
Технический директор в ООО "Веб-экспертиза"

Похожие кейсы

Как быстро и недорого начать продавать в Интернете. И это не вопрос!
Интерфейсы для настоящих мужчин или когда форма обязана соответствовать содержанию
Нажмите для звонка
Пн.–Пт.: с 1000 до 1900