3Z Оптика
Разработали редизайн сайта крупной сети Оптик 3Z и занимаемся его развитием уже второй год. В работе — личный кабинет и другие новые продукты
О компании
Сеть салонов оптики, которая уже 17 лет проверяет зрение, подбирает линзы и изготавливает очки для клиентов по всей России. У клиента есть медицинские оправы, контактные линзы, солнцезащитные очки мировых брендов и собственной марки
Потребности клиента
- Самостоятельно добавить что-то на сайт — сложно и затратно по времени;
- Менеджеры тратили ресурсы на обработку заказов вручную;
- Интеграции сайта с другими частями системы не работали стабильно.
Задача
Оптика решила фундаментально подойти к переделке взаимодействия всех его цифровых систем — пересмотреть схему работы, отталкиваясь от актуальных бизнес-процессов компании.
Цели
- Заново сверстать сайт и предложить улучшения по сценариям оформления и покупки товаров;
- В качестве бэкенда выбрать Битрикс. В том числе за наличие большого количества готовых, стабильно работающих решений для типовых задач;
- Настроить интеграцию с DPD, Boxberry, Атол, Unisender и Unisender Go для маркетинговых рассылок и триггерных писем.
Процесс и решения
Мы взяли на себя аналитику, структурировали требования и подготовили проект. По итогам встреч составили подробную смету, расставили приоритеты и согласовали план запуска.
Настроили понятный процесс, чтобы синхронизироваться:
- Задачи ведём в системе управления YouGile (аналог Trello);
- Клиент добавляет в неё новые задачи и предложения по развитию;
- Регулярно собираем накопившиеся задачи, оцениваем и запускаем новыми этапами.
Огромный объём верстки по готовым макетам мы реализовали в первые этапы. Сейчас продолжаем адаптировать страницы под новые сценарии и развивать функциональность.
Вместе с клиентом запланировали этапы:
- Подготовка,
- Вёрстка компонентов,
- Сборка страниц, багфиксы,
- Небольшие правки по запросам клиента и команды бэкенда.
Нам нужно было предусмотреть поведение интерфейса, которого не было в дизайне, а где-то улучшить опыт пользователя.
Добавили фоновый запрос для сторонних сервисов и лоадер
Представьте, что пользователь заходит в корзину и выбирает самовывоз. В зависимости от выбранного города система определяет, какие способы получения доступны: самовывоз из салона, доставка курьером или ПВЗ DPD / Boxberry. Пользователь может сменить город прямо в корзине — данные и опции обновляются автоматически.
Теперь экран выглядит более живым и помогает человеку понять «щас всё загрузится». Простое решение, которое влияет на восприятие и снижает вероятность ошибки со стороны пользователя
У крупного бизнеса всегда много потребностей и внутренних систем: учёт, касса, админка и прочее. У нашего клиента это были: 1С, собственная ERP, Битрикс24 — и всё нужно было связать с новым интернет-магазином.
Сначала мы хотели автоматически подтягивать товары из 1С
Изначально мы запланировали синхронизацию каталога с 1С, но учли, что структура может не совпасть.
Перевели сайт на платформу Битрикс
Она даёт готовые решения для типовых задач — каталоги, фильтры, корзина, заказы, при этом остаётся гибкой и позволяет настраивать логику под конкретные процессы. Это ускоряет запуск и упрощает поддержку.
Сейчас у клиента в разработке собственная ERP-система
Систему активно дорабатывают под задачи компании. Она хранит данные о клиентах, заказах и услугах. Мы заранее обсудили архитектуру и заложили в проекте возможность интеграции.
Мы доработали не только интерфейс, но и техническую логику проекта. Настроили интеграции, оптимизировали сценарии оформления заказов и учли налоговые особенности.
- Подключили API DPD и Boxberry;
- Реализовали автоматический расчёт сроков и стоимости доставки — в зависимости от города пользователя;
- Настроили подгрузку карты пунктов выдачи, если пользователь выбирает самовывоз.
Раньше: Менеджеры вручную оформляли доставку: связывались с клиентами, запрашивали адрес и подбирали подходящий вариант доставки. На это уходило время, часто возникали ошибки.
Сейчас: пользователь сам выбирает способ и точку доставки, сайт показывает карту и стоимость, заказ уходит в нужную службу. Менеджеры не тратят время на ручную обработку.
Товары на сайте относятся к разным налоговым категориям. Например, на контактные линзы действует ставка 10%, а на готовые очки — 20%. Это важно для корректной работы онлайн-кассы и налоговой отчётности.
Что сделали:
- Настроили классификацию товаров в CMS по ставкам НДС;
- Подключили кассу Атол с учётом налоговых категорий;
- Обеспечили автоматическую передачу данных в ОФД и налоговую.
Раньше оформление заказа было полуавтоматическим: пользователь заполнял форму на сайте, после чего её получал менеджер и перезванивал, чтобы уточнить заказ. Дальше проверял наличие товара и вручную собирал корзину.
Было долго, а сейчас так:
Выводы
- Собрали интерфейсы по новым дизайн-макетам: огромная база компонентов, десятки страниц и множество решений по улучшению UX/UI сайта прямо по ходу вёрстки;
- Настроили интеграции с DPD, Boxberry, Unisender и отдельно Unisender Go для триггерных писем;
- Сделали автоматические письма со статусами заказов через Unisender Go. Подключили его к Битриксу, чтобы клиенты получали понятные уведомления о доставке;
- Упростили и автоматизировали доставку — теперь клиент сам выбирает способ, всё подтверждается без звонков, а статусы приходят автоматически;
- Подстроились под процессы клиента и для общего удобства выстроили прозрачную работу в таск-трекере YouGile.
Команда клиента
Когда бизнес большой, даже простые решения проходят через многих людей и согласований. Проект с Оптикой 3Z был как раз таким — многослойным и сложным, но от этого только интереснее. Особенно приятно, что со стороны клиента была сильная и вовлечённая команда. Мы постоянно были на связи, принимали совместные решения и двигались как одна команда.
Спасибо всей команде Оптики, которая активно включалась в обсуждение решений и помогала проходить все согласования быстро, а для крупного бизнеса — это редкость ❤️
Продолжение
Дальше — разработка личного кабинета. Логика кабинета уже на стадии проектирования — он появится вместе с развитием ERP-системы и будет включать заказы, записи на услуги и другую информацию. Пока что внутри не хватает нужной логики и удобства: часть решений устарела, часть не реализована вовсе.
Стек технологий
- Битрикс
- API: DPD, Boxberry
- Unisender Go
Команда
- Front-end разработчик2
- Back-end разработчик
- Team Lead
- QA-специалист
