Разработка интернет-магазина оптики с онлайн-примеркой для «КротШоп»

KROT.SHOP — компания по продаже очков, оправ и контактных линз от мировых производителей. За 15 лет работы компания выстроила сеть салонов оптики, собственные мастерские по изготовлению очков и систему подбора средств коррекции зрения.

Проблема

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

Дополнительно проект осложнялся спецификой ниши: для покупателей важно не только подобрать товар по характеристикам, но и визуально оценить, как оправа выглядит на лице. При этом компании требовалось объединить сайт с внутренними системами учета, CRM и сервисами доставки.

Решение

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

Для этого спроектировали структуру каталога и оформление заказа, подключили 1С, CRM, IP-телефонию, онлайн-оплату и службы доставки, а также реализовали онлайн-примерку очков и подготовили сайт к SEO-продвижению.

Проанализировали рынок и определили основные сегменты аудитории

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

На основе исследования выделили несколько основных сегментов аудитории:

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

Разработали бренд, который выделяет магазин среди конкурентов

На основе анализа аудитории подготовили несколько вариантов визуальной концепции и позиционирования бренда. В результате выбрали стиль, который помогает магазину выделяться среди типовых интернет-магазинов оптики. Новая визуальная система стала основой для интерфейса сайта и рекламных материалов.

Спроектировали структуру сайта под SEO и масштабирование каталога

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

Для роста органического трафика:

• настроили sitemap.xml и robots.txt;
• внедрили микроразметку;
• добавили человекопонятные URL;
• реализовали SEO-фильтр для низкочастотных запросов;
• настроили перелинковку и хлебные крошки.

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

Упростили поиск товаров в каталоге

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

Сделали разные типы карточек товаров для удобной навигации

Интернет-магазин совмещает несколько категорий продукции с разной логикой выбора. Чтобы пользователям было проще ориентироваться в ассортименте, разработали отдельные типы карточек для разных товаров. Такой подход упростил восприятие каталога и помог сократить количество ошибок при выборе продукции.

Упростили оформление заказа на всех устройствах

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

Автоматизировали обмен данными между сайтом и 1С

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

Объединили CRM, телефонию и заказы в единую систему

Интегрировали сайт с Битрикс24 и IP-телефонией Zadarma, чтобы автоматизировать обработку заказов и коммуникацию с клиентами. Все обращения и звонки фиксируются в CRM, а менеджеры работают в едином интерфейсе. Это упростило контроль заявок и ускорило обработку заказов.

Подключили онлайн-оплату, доставку и электронные чеки

Интегрировали интернет-эквайринг, службы доставки СДЭК и Boxberry, а также онлайн-кассу в соответствии с требованиями 54-ФЗ. После оформления заказа система автоматически отправляет данные в кассу и формирует электронные чеки без участия сотрудников.

Повысили вовлеченность пользователей с помощью онлайн-примерки очков

С использованием HTML5 реализовали онлайн-примерку оправ через камеру устройства. Пользователи могут посмотреть, как очки выглядят в реальном времени, прямо на сайте.

После внедрения:

• снизился процент отказов;
• увеличилась глубина просмотра страниц;
• выросло время сессии;
• конверсия повысилась на 0,11%.

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

Усилили продвижение интернет-магазина через видеомаркетинг

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

После запуска проекта:

• Средний чек составил 2 600 ₽.
• Количество заказов достигло 70 в месяц.
• Снизился процент отказов.
• Увеличилась глубина просмотра страниц.
• Выросла вовлеченность пользователей за счет онлайн-примерки.

Проект стал основой для дальнейшего масштабирования онлайн-продаж компании.