Сайт сети оптик «Счастливый взгляд»: новый дизайн и рост конверсии

У сети оптик был работающий сайт и накопленный трафик, но каталог тормозил, акции запускались через разработчика, а товары синхронизировались с 1С вручную. Мы собрали новый сайт с нуля: исследование конкурентов, прототип, интеграции, оптимизация скорости. За первые три месяца посещаемость выросла на 35%, конверсия — на 20%.

Клиент и контекст

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

Такая модель предъявляет к сайту два требования, которые редко совмещаются. Первое — высокая скорость: покупатель линз знает, что ему нужно, и не готов ждать загрузки каталога. Второе — понятный путь для тех, кто выбирает оправу впервые и нуждается в помощи.

Задача

• Устаревший дизайн. Сайт проигрывал конкурентам визуально и не отражал масштаб сети.
• Медленная загрузка. Тяжёлые страницы каталога снижали и конверсию, и позиции в поиске.
• Ручная работа с ассортиментом. Цены и остатки из 1С подтягивались не автоматически.
• Акции требовали разработчика. Каждое промо — отдельная задача в бэклоге команды.
• Слабая мобильная версия. Значительная часть трафика в оптике идёт с мобильных, а сайт был к этому не готов.

Как мы подошли к решению

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

Дальше собрали интерактивный прототип и согласовали его до визуального дизайна, и только потом взялись за цвет, типографику и графику. Такой порядок экономит недели правок: структура утверждается, пока её ещё дёшево менять.

Дизайн и адаптив

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

Бэкенд: переписали под скорость

Параллельно с фронтендом перестроили серверную часть: оптимизировали запросы к базе, включили кэширование там, где данные не меняются ежесекундно, переписали тяжёлые шаблоны. Время загрузки страниц сократилось вдвое, а это влияет сразу на две метрики: отказы и позиции.

Ассортимент, акции и отзывы без разработчика

Магазин управляет контентом сам. Товары, цены и остатки приходят из 1С по обмену. Акции, скидки, промокоды и бейджи («хит», «скидка») настраиваются из админки. Система отзывов и рейтингов собирает обратную связь по товарам и работает как дополнительный фактор выбора.

Интеграции

В проекте четыре интеграции:

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

Каждую интеграцию тестировали отдельно: функциональные сценарии, поведение интерфейса, кроссбраузерность и адаптив, а также нагрузку. Сайт сети оптик работает с пиковым трафиком в акционные периоды.

Что сделали по SEO

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

Результат

Через три месяца после запуска посещаемость выросла на 35%, конверсия — на 20%, средний чек — на 15%. Время загрузки страниц сократилось вдвое.

Главный эффект здесь не в отдельных процентах. Сайт стал управляемым: маркетинг запускает акции сам, каталог обновляется из учётной системы, а команда перестала тратить время на рутину.

Показатели: до и после

Метрики из проекта — «до» и «после», с источником замера. Данные те же, что в кейсе ниже.

Что не сработало

• Обмен с 1С работал вручную. Цены и остатки подтягивались не автоматически — сначала перестроили обмен, и только потом занялись остальным.
• Акции требовали разработчика. Каждое промо уходило в бэклог команды: управление контентом пришлось сделать самостоятельным, иначе маркетинг не мог запускать акции сам.
• Скорость нельзя «догнать» плагинами. Тяжёлые страницы каталога тянули вниз и конверсию, и позиции — ускорение переписывали на уровне запросов и шаблонов.

Что забрали в другие проекты

• Скорость — часть дизайна, а не техдолг. Если закладывать оптимизацию на этапе бэкенда, её не придётся «догонять» после запуска.
• Автономность маркетинга. Всё, что можно настроить из админки, должно настраиваться из админки.
• Исследование конкурентов до прототипа экономит итерации: решения берутся из рынка, а не из вкуса.

Частые вопросы

Сколько стоит новый сайт для сети оптик?

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

Можно ли обновить сайт, не потеряв позиции в поиске?

Да, если переносить структуру и адреса: сохранить URL разделов и товаров либо поставить 301-переадресации. В этом проекте трафик сохранился и за три месяца вырос на 35%.

Что даёт интеграция сайта оптики с 1С?

Цены и остатки перестают расходиться с реальностью. Покупатель не заказывает товар, которого нет, а сотрудники не переносят данные руками: обмен идёт по расписанию.

Проект шёл по направлению «Создание сайтов под ключ». Посмотрите также кейс мастера подбора очков и линз: модуль мы спроектировали для этой же сети.