---
title: "Королевская Оптика — как показать зрение тем, кто его теряет"
client: "Королевская Оптика, сеть салонов оптики"
publishedAt: "2026-09-02"
canonical: "https://prostor-agency.com/cases/korolevskaya-optika"
tags:
  - "концепция"
  - "интерактив"
  - "поддержка"
summary: "Дизайн-концепция главной и интерактивная линза для сети из 26 салонов в Калининграде: посетитель видит мир глазами человека с нарушением зрения — и приходит на бесплатную проверку. Редизайн в работе."
metrics:
  - label: "салонов в сети"
    value: "26"
  - label: "Национальная оптическая премия"
    value: "×2"
  - label: "нарушений зрения в интерактиве"
    value: "5"
---

## С чего начали

Королевская Оптика — сеть из 26 салонов в Калининграде и области, дважды победитель Национальной оптической премии. Сильная офлайн-сеть с сайтом, который об этом не рассказывал: действующий стоял на 1С-Битрикс с шаблоном Aspro и выглядел как каталог, хотя за ним — врачи, лицензия и репутация в регионе.

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

## Идея: фокус через линзу

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

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

## Интерактив, который объясняет продукт за пять секунд

Главную сложно продать словами, поэтому мы собрали работающее демо и отдали клиенту ссылку, а не картинку.

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

Две вещи заложили сразу. Дисклеймер «визуальная симуляция, не диагностика», чтобы никто не принял игрушку за медицинский вывод. И честная пометка для катаракты и глаукомы: оптикой они не корректируются, выявляются на проверке зрения. Из этого получается естественный переход на бесплатную проверку.

Демо живое: [ko-vision-demo.vercel.app](https://ko-vision-demo.vercel.app)

## Заодно починили то, что мешало жить

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

Там же выяснилось главное ограничение проекта. В шаблон Aspro нельзя вживить новый дизайн, не сломав сайт: меняешь ядро — сайт ложится. И работать на двух шаблонах одновременно сайт не может, схемы «главная новая, остальное старое» не существует. Мы сказали об этом на первых созвонах, до старта дизайна, и подтвердили разбором на уровне кода.

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

## Что дальше

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

## Что забираем из проекта

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

И второе: иногда самая полезная вещь для клиента — неудобная техническая правда, сказанная до начала работ, а не после.