С чего начали
Королевская Оптика — сеть из 26 салонов в Калининграде и области, дважды победитель Национальной оптической премии. Сильная офлайн-сеть с сайтом, который об этом не рассказывал: действующий стоял на 1С-Битрикс с шаблоном Aspro и выглядел как каталог, хотя за ним — врачи, лицензия и репутация в регионе.
Владелец сформулировал задачу честнее, чем обычно формулируют: сайт нужен не ради продаж. Линзы можно купить онлайн, оправу нужно мерить в салоне. Значит, задача сайта — произвести впечатление и довести человека до салона.
Идея: фокус через линзу
Оптика продаёт зрение. Мы взяли это буквально и построили концепцию вокруг фокуса: чёткость внутри линзы, размытие снаружи. Метафора работает в статике, в движении и на любом экране.
Из неё вырос весь визуальный язык: шрифт Onest, глубокий бордовый как основной цвет, скруглённые пилюли, стеклянные плашки поверх тёмных фотографий. Спокойный премиум — без золота и вензелей, которыми обычно объясняют слово «премиум».
Интерактив, который объясняет продукт за пять секунд
Главную сложно продать словами, поэтому мы собрали работающее демо и отдали клиенту ссылку, а не картинку.
Посетитель выбирает нарушение зрения — миопию, астигматизм, пресбиопию, катаракту или глаукому — и регулирует степень. Фон меняется так, как это видит человек с таким нарушением. Линза едет за курсором, на телефоне — за пальцем: внутри изображение чёткое, снаружи — с выбранным нарушением.
Две вещи заложили сразу. Дисклеймер «визуальная симуляция, не диагностика», чтобы никто не принял игрушку за медицинский вывод. И честная пометка для катаракты и глаукомы: оптикой они не корректируются, выявляются на проверке зрения. Из этого получается естественный переход на бесплатную проверку.
Демо живое: ko-vision-demo.vercel.app
Заодно починили то, что мешало жить
Параллельно с концепцией разбирали техническую часть на почасовой поддержке: нашли причину падений раздела, разгребли место на сервере, закрыли критичные баги.
Там же выяснилось главное ограничение проекта. В шаблон Aspro нельзя вживить новый дизайн, не сломав сайт: меняешь ядро — сайт ложится. И работать на двух шаблонах одновременно сайт не может, схемы «главная новая, остальное старое» не существует. Мы сказали об этом на первых созвонах, до старта дизайна, и подтвердили разбором на уровне кода.
Вывод неудобный, но честный: либо новый шаблон целиком, либо красивая главная, которая лежит в столе. Мы предложили первое и расписали, из чего оно состоит.
Что дальше
Дизайн главной и демо переданы, техпакет закрыт. В работе редизайн: новый шаблон на существующую админку Битрикс, пять страниц первого захода — каталог и карточка товара, о компании, салоны с картой и запись на проверку зрения. Параллельно ведём дизайн-поддержку сети по подписке.
Что забираем из проекта
Когда продукт про восприятие, лучший аргумент — дать этот опыт прожить прямо на странице. Демо линзы объясняет ценность оптики быстрее любого текста о преимуществах.
И второе: иногда самая полезная вещь для клиента — неудобная техническая правда, сказанная до начала работ, а не после.
