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

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

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

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

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

Задача

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

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

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

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

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

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

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

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

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

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

Интеграции

Контур проекта собрал четыре направления:

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

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

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

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

Результат

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

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

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

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

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

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

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

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

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

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

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

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