Вернуться к кейсам О клиенте
Сеть салонов оптики «Глаз Алмаз» (Glazalmaz) работает в Санкт-Петербурге с 2009 года. К моменту старта проекта компания располагала физическими салонами и сайтом, который не решал задачи интернет-торговли. Ассортимент включает четыре товарные группы: оправы (65+ страниц, более 50 брендов — Guess, Silhouette, Prodesign, Chantal Thomass, Yudashkin, Vogue, Tommy Hilfiger, Timberland, Max&CO, Baldinini, Emilio Pucci и другие), солнцезащитные очки, аксессуары и контактные линзы (23 товара от Cooper Vision, Johnson & Johnson, Alcon, Bausch & Lomb). Отдельное направление — очковые линзы: MiYOSMART Hoya, MYO CARE Zeiss, Stellest Essilor, MyoSafe Pro Lencor.
Помимо розничной торговли, салоны оказывают услуги: проверка зрения, приём офтальмолога, кератотопография, профилактика сухого глаза, тестовая примерка линз, ремонт очков, ультразвуковая чистка, лазерная пайка, аппаратное лечение (Визотроник, Витазор), ортокератологические линзы MoonLens, программы замедления близорукости.
С чем пришли: пять задач
Оправы и линзы — не масс-маркет: покупатель не может просто положить товар в корзину, не зная своих параметров. Перед проектом стояли конкретные задачи:
- Объединить каталог оправ с рецептурными данными. Посетитель должен выбирать оправу и сразу понимать, подойдёт ли она под его диоптрии. При сильных отклонениях безободковые и полуободковые оправы несовместимы с толстыми линзами — сайт обязан проверять это автоматически.
- Реализовать подбор контактных линз по рецепту. У покупателя есть параметры на оба глаза: SPH (сфера), CYL (цилиндр), AX (ось), ADD (аддидация), PD (межзрачковое расстояние) — по ним нужно отфильтровать совместимые позиции.
- Связать онлайн-каталог с офлайн-салонами. Проверка наличия в конкретном салоне, запись на услуги, покупка в салоне — сайт должен быть не альтернативой рознице, а её продолжением.
- Выстроить повторные продажи. Контактные линзы — товар регулярного потребления; нужна подписка с автодоставкой и напоминаниями об истечении срока ношения.
- Систематизировать 65+ страниц оправ с десятками параметров в каталог, по которому удобно искать без знания брендов.
Решение 1. Каталог оправ с многоуровневой фильтрацией
Каталог построен на платформе «1С-Битрикс: Управление сайтом» и включает более 65 страниц товаров. Фильтрация — по девяти осям: цена, для кого (детские, женские, мужские), конструкция (ободковые, полуободковые, безободковые), материал рамки (металл, пластик, комбинированный), материал заушников, цвет (17 вариантов — от стандартных до редких оттенков), форма (бабочки, авиатор, квадратные, кошачий глаз, круглые, многоугольник, овальные, прямоугольные), бренд (50+), признак участия в акциях и доступности примерки на дому.
Фильтры работают как пересекающиеся множества — посетитель выбирает «женские + пластик + кошачий глаз» и получает ровно те позиции, которые соответствуют всем трём условиям. Каждая оправа имеет карточку с фотографиями, ценой и кнопкой добавления в корзину либо в список примерки на дому.
Решение 2. Каталог контактных линз
Отдельный каталог на 23 товара с собственной системой фильтров: цена, геометрия (асферические), тип упаковки (блистер), срок ношения (1 день, 2 недели, 1 месяц, 3 месяца), режим ношения (дневной, гибкий), УФ-защита, материал (гидрогель, силикон-гидрогель), назначение (включая мультифокальные), бренд. Фильтры учитывают медицинские параметры — посетитель может искать линзы по типу материала и сроку ношения, а не только по бренду.
Решение 3. Подбор линз по рецепту
Центральная механика сайта, ради которой посетитель приходит именно сюда, а не на маркетплейс. Форма принимает параметры отдельно для правого (OD) и левого (OS) глаза:
- SPH — сфера, диоптрии (отрицательные при близорукости, положительные при дальнозоркости);
- CYL — цилиндр, величина астигматической коррекции;
- AX — ось цилиндра в градусах (0–180);
- ADD — аддидация, добавочная сила для мультифокальных линз;
- PD — межзрачковое расстояние.
После ввода параметров система отбирает позиции, совместимые с рецептом: при высоком цилиндре недоступны линзы без торической геометрии, при наличии аддидации — только мультифокальные модели. Рецепты сохраняются в личном кабинете — при повторном заказе вводить параметры заново не нужно.
Решение 4. Подбор оправ под линзы
Связка между каталогом оправ и рецептурным модулем. Система проверяет, совместима ли выбранная оправа с параметрами линз покупателя. Механика опирается на физическое ограничение: при сильных диоптриях линза получается толстой — это исключает установку в безободковые и полуободковые оправы. Если рецепт содержит высокие значения SPH, безободковые оправы автоматически исключаются из выдачи либо помечаются как несовместимые. Продавцам-консультантам не приходится объяснять отказ при личном визите, а покупатель не оформляет заказ, который потом вернёт из-за несовместимости.
Решение 5. Онлайн-конструктор очков
Пошаговый процесс, объединяющий три предыдущих модуля: выбор оправы → выбор линз с учётом совместимости → ввод или загрузка рецепта из личного кабинета → оформление заказа. Конструктор ведёт пользователя по цепочке, не позволяя пропустить этап совместимости — если выбрана оправа, не подходящая под рецепт, переход к следующему шагу блокируется с пояснением причины.
Решение 6. Примерка на дому
Выбор до пяти оправ, которые курьер привозит для примерки. Логика отбора — как в корзине: пользователь добавляет оправы в список примерки, указывает адрес и удобное время. Услуга бесплатна для покупателя — стоимость логистики заложена в маржинальность товара.
Решение 7. Подписка на контактные линзы
Регулярная доставка с настраиваемым интервалом. Система отслеживает срок ношения последней заказанной партии и отправляет напоминания: за неделю до окончания запаса, за день до, в день истечения. Покупатель может изменить интервал, приостановить или отменить подписку из личного кабинета.
Решение 8. Личный кабинет
Объединяет рецепты (с возможностью редактирования и использования при заказе), текущие заказы со статусами, историю заказов, личные данные, дисконтную карту и смену пароля. Рецепты — центральный элемент: они связывают офлайн-диагностику с онлайн-покупкой.
Решение 9. Интеграция с офлайн-салонами
Каждый товар имеет признак наличия в салонах сети. Посетитель может проверить, в каком именно салоне есть нужная оправа или линзы, и забронировать визит. Услуги салонов (проверка зрения, приём офтальмолога, кератотопография и другие) выведены в отдельный раздел с детальными страницами, ценами и формой записи. Сайт не конкурирует с офлайн-точками за покупателя — он направляет трафик в них.
Решение 10. Контентные разделы
Блог с категориями «Полезное», «Статьи», «Технологии» — для SEO и информирования покупателей: заболевания зрения, типы линз, уход за очками. Раздел акций — отдельная сущность с настраиваемыми условиями. Годовой абонемент на бесплатное обслуживание очков — продуктовая механика для удержания клиентов.
Решение 11. Дизайн-система и адаптивная вёрстка
Дизайн выдержан в единой палитре: основной цвет — #342D86 (тёмно-синий), шрифт Inter (Regular и Semi Bold, 10–48px), четыре оттенка серого (#39384B, #9583A8, #C6BEBF, #F2EDEE), три фоновых цвета (#FFF5F7, #F7F7F9, #EBF5EE). Цвет ошибки — #CE2A47, цвет уведомления — #FFC32A. Вёрстка адаптивная: десктопная версия оптимизирована под 1920px, мобильная — от 320px. Корзина, мини-корзина и оформление заказа работают на обеих ширинах без потери функциональности.
Решение 12. Интеграции и аналитика
Подключена Yandex SmartCAPTCHA для защиты форм от ботов. Настроена Яндекс Метрика с целями на ключевые события: добавление в корзину, оформление заказа, ввод рецепта, запись в салон, оформление подписки. Платёжные системы интегрированы через стандартный эквайринг «1С-Битрикс».
Итоги проекта
| Параметр | До | После |
|---|---|---|
| Каталог оправ | Без фильтрации, сплошной список | 9 осей фильтрации, 65+ страниц структурированного каталога |
| Подбор линз | Только по бренду, вручную | По рецепту, с автоматической проверкой совместимости |
| Совместимость оправ с диоптриями | Проверялась консультантом в салоне | Автоматическая проверка на сайте |
| Повторные продажи линз | Отсутствовали | Подписка с автодоставкой и напоминаниями |
| Связь с салонами | Отсутствовала | Проверка наличия, бронирование, запись на услуги |
| Рецепты | Хранились только на бумаге | Сохраняются в личном кабинете, переиспользуются |
| Мобильная версия | Неадаптивная | Полнофункциональная на 320px |
Типичные ошибки в похожих проектах
1. Отсутствие проверки совместимости оправы с рецептом. Интернет-магазины оптики часто ограничиваются каталогом без привязки к медицинским параметрам. Покупатель заказывает безободковую оправу при диоптриях −7, получает отказ при установке линз в салоне — возврат.
2. Подбор линз реализован как текстовый фильтр «сфера от/до». Покупатель без оптического образования не понимает, что означают аббревиатуры SPH, CYL, AX. Форма должна быть разделена на правый и левый глаз, содержать подсказки и пример заполнения по образцу рецепта.
3. Плоская структура каталога. При ассортименте 50+ брендов и 17 цветов единый список без фильтрации делает каталог непригодным для поиска. Оправы — товар визуального выбора: покупатель хочет сузить выдачу до «женские, пластик, кошачий глаз, красные» за три клика.
4. Мобильная версия — урезанная копия десктопа. При адаптации часто жертвуют фильтрами на мобильной ширине, оставляя только поиск по названию. Для каталога с такой глубиной параметров это означает потерю конверсии с мобильного трафика.
5. Игнорирование рецепта как актива для повторных продаж. Рецепт на очки действителен 1–2 года, на контактные линзы — 1 год. Это прогнозируемый спрос. Если рецепт не сохраняется в личном кабинете, каждый повторный заказ начинается с поиска бумажки.
Заключение
Проект для «Глаз Алмаз» — пример интернет-магазина в медицински-зависимой нише, который работает не просто как витрина, а как инструмент, связывающий онлайн-каталог, рецептурные данные и офлайн-салоны. Центральным элементом стала цепочка «рецепт → подбор линз → проверка совместимости оправы» — без неё сайт остался бы каталогом с корзиной, неспособным решить задачу покупателя оптики. Платформа «1С-Битрикс» обеспечила типовой бэк-офис (заказы, клиенты, склад); медицинская логика реализована поверх стандартного функционала платформы.