Оптик-Центр: единая digital-платформа 3-в-1 (салоны, клиника, e-commerce)

Заказчик

«Оптик-Центр» — сеть, объединяющая салоны оптики, офтальмологическую клинику и интернет-магазин. Компания предоставляет полный цикл услуг по коррекции зрения и уходу за глазами.

Задача

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

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

Сайт должен был одновременно решать маркетинговые, сервисные и транзакционные задачи:

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

В техническом задании архитектура изначально строилась вокруг трех крупных направлений: «Салоны оптики», «Офтальмологическая клиника» и «Интернет-магазин». Главная цель была не просто разместить информацию о компании, а дать пользователю понятный путь от выбора услуги или товара до целевого действия – записи на прием или оформления заказа.

Основная сложность проекта

По сути требовалось спроектировать три сайта внутри одного. У каждого направления своя бизнес-логика и свой основной пользовательский сценарий.

Для салонов оптики пользователь прежде всего ищет ближайшую точку, проверку зрения, подбор очков или контактных линз, изготовление и ремонт очков. Для клиники важны медицинские услуги, врачи, оборудование, стоимость и возможность выбрать время приема. Для интернет-магазина нужен классический e-commerce-сценарий: каталог, фильтрация, карточка товара, корзина, оформление заказа, скидки и обмен заказами с 1С.

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

Решение

1. Единая архитектура для трех направлений
Верхний уровень сайта построили вокруг трех основных маршрутов: Салоны оптики – Клиника – Интернет-магазин. Состав навигации адаптировали к контексту раздела. В клинике на первый план вынесены запись на прием и адреса клиник, в интернет-магазине – акции, доставка, пункты выдачи и корзина, в салонах – адреса и услуги.
Общая архитектура также включала новости, акции, полезные материалы, контакты, адреса, отзывы, раздел о компании и личный кабинет. Это позволило не дублировать общую информацию и одновременно разделить контент по направлениям бизнеса.

2. Раздел сети салонов оптики
Для направления «Салоны оптики» разработали самостоятельный раздел с собственными услугами и контентом. Пользователь может перейти к проверке зрения и подбору очков, подбору контактных линз, подбору очков детям, изготовлению и ремонту очков, сервисному и гарантийному обслуживанию.
Отдельный сценарий связан с поиском салона. Для каждой точки предусмотрены название, адрес, телефоны, часы работы и отображение на интерактивной карте. Архитектура позволяет работать не только со списком адресов, но и использовать точки как самостоятельные элементы пользовательского маршрута.
На страницах салонов предусмотрены промо-блоки, якорные услуги, акции, новости и полезные материалы, а также товарные карточки интернет-магазина. За счет этого офлайн-направление связано с e-commerce: пользователь может познакомиться с услугой, а затем перейти к подходящему товару.

3. Отдельный интерфейс офтальмологической клиники
Медицинское направление получило собственную информационную архитектуру. Услуги клиники сгруппированы по направлениям: диагностика и обследование, операции и лечение, медицинские процедуры, ортокератология. Внутри предусмотрены подробные страницы конкретных медицинских услуг.
Отдельно спроектирован каталог врачей. Карточка специалиста содержит фотографию, ФИО, должность, специализацию, сведения об образовании и повышении квалификации, профессиональную информацию и связанные услуги. Пользователь может перейти на подробную страницу врача и выбрать нужное направление.
Для клиники также предусмотрены страницы цен и оборудования. В результате медицинская часть сайта работает не как рекламный лендинг, а как самостоятельный сервис выбора услуги и специалиста.

4. Онлайн-запись на прием
Одним из наиболее сложных пользовательских сценариев стала онлайн-запись в клинику. Она спроектирована как многошаговая форма:

1. Выбор диагностического центра.
2. Выбор подходящего дня.
3. Выбор свободного времени приема.
4. Ввод контактных данных пациента.
5. Подтверждение записи.

Для даты и времени предусмотрены состояния «Занято», «Выбрано» и «Свободно». Пользователь также может записывать не только себя, но и другого человека.
Ключевой момент – запись связана с учетной системой. Сайт должен получать расписание клиник, находить клиента в базе 1С, создавать или обновлять его данные, формировать запись на прием, получать историю записей и поддерживать отмену. Таким образом сайт выступает клиентским интерфейсом к внутренним процессам клиники, а не просто отправляет заявку администратору.

5. Полноценный интернет-магазин
Третьей крупной подсистемой стал интернет-магазин. В его структуру вошли контактные линзы, средства по уходу, аксессуары, солнцезащитные очки, очки для спорта, медицинские оправы, корзина, оформление заказа, доставка и пункты выдачи.
Для разных товарных групп разработана собственная модель каталога и фильтрации. Например, контактные линзы можно фильтровать по бренду, типу и сроку ношения. Карточка содержит описание, характеристики, сопутствующие товары и сценарии «Купить» и «Купить в 1 клик».
Для солнцезащитных очков предусмотрена более сложная система характеристик: бренд, вид, форма, цвет оправы и линзы, материал, размеры и поляризация. Каталог поддерживает обычные и акционные ценовые предложения.

6. Система скидок и промо-механик
Интернет-магазин проектировался с учетом сложной маркетинговой логики. В системе предусмотрены различные типы скидок и акций:

• подарок при покупке заданного количества товара;
• другой товар в подарок;
• скидка при покупке одной или нескольких единиц;
• скидка на другой товар при покупке основного;
• скидка на набор разных товаров;
• разные скидки на первый и второй товар;
• промокоды.

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

7. Двусторонняя интеграция с 1С
Ключевая техническая часть проекта – двусторонний обмен между сайтом на 1С-Битрикс и учетной системой 1С. Интеграция охватывает одновременно клинику и интернет-магазин.
Для клиники предусмотрены операции поиска и обновления клиента, получение расписания, создание и отмена записи, получение истории записей. Для интернет-магазина – получение каталога, передача нового заказа, передача данных о скидках, получение статусов заказов и работа с оплатой.
Благодаря интеграции публичный сайт становится частью общей информационной системы компании: данные не существуют отдельно в CMS, а участвуют в реальных бизнес-процессах.

8. Единый личный кабинет
Еще одна важная идея проекта – объединить медицинское и торговое направления на уровне конкретного клиента. В личном кабинете предусмотрены персональные данные, история покупок, повтор заказа, история записей на прием, настройки уведомлений и информация о бонусной программе.
Такой подход соответствует реальному жизненному циклу клиента «Оптик-Центра»: человек может пройти обследование, подобрать средство коррекции зрения, купить его в салоне или интернет-магазине, а затем снова обратиться в клинику.

9. Контент, акции и сквозные коммуникации
Помимо основных транзакционных сценариев, сайт содержит общие информационные разделы: новости, акции, полезные статьи, отзывы, вакансии, франчайзинг, подарочные сертификаты и информацию о системе скидок.
Новости и акции группируются по направлениям – салоны, клиника и интернет-магазин. Это дает возможность вести единый корпоративный ресурс, не смешивая разные типы предложений для пользователя.

Технологии и технические требования

Сайт разработан на платформе 1С-Битрикс. Проект изначально предусматривал адаптивную работу на настольных компьютерах, планшетах и смартфонах, поддержку touch-устройств, человекопонятные URL и управление метаданными страниц.
В технических требованиях также были зафиксированы базовые меры безопасности: защита от XSS, SQL-инъекций и CSRF, контроль административного доступа и протоколирование системных операций.
Особое внимание уделили единообразию интерфейса. Сходные операции и элементы управления должны одинаково выглядеть и вести себя во всех частях сайта. Это особенно важно для проекта, где в одной оболочке сосуществуют медицинский сервис и интернет-магазин.

Что было реализовано

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

Результат

В результате создана единая digital-платформа, которая объединяет три самостоятельных направления бизнеса «Оптик-Центра» в одном пользовательском пространстве.
Сеть салонов получила инструмент представления услуг и точек обслуживания. Клиника – каталог медицинских услуг, врачей и онлайн-запись. Интернет-магазин – каталог, фильтрацию, корзину, оформление заказов и промо-механику. Сквозной личный кабинет связывает покупки и медицинские записи с одним клиентом, а интеграция с 1С соединяет публичный интерфейс с внутренними учетными процессами.
Главная особенность проекта – не количество отдельных функций, а их объединение. Один бренд, один сайт и одна технологическая платформа обслуживают три разных пользовательских сценария: выбрать салон и услугу, записаться в клинику или купить товар онлайн.

Ключевая особенность кейса:
Сайт 3 в 1: салоны оптики + офтальмологическая клиника + интернет-магазин, объединенные общей архитектурой, личным кабинетом и интеграцией с 1С.

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