Ana Brille

Информация о проекте

Ana Brille — салон оптики полного цикла в Москве, который объединяет собственную торговую марку оправ, премиальные бренды и профессиональный медицинский сервис. Основанный в 2015 году, салон предлагает не просто очки, а комплексный подход к коррекции зрения: от диагностики и рецепта до подбора оправы стилистом и изготовления готовых очков под индивидуальные параметры. Миссия Ana Brille — помогать людям видеть и выглядеть на 100%, сочетая инновационные линзы, качественные материалы и актуальный дизайн.

Цели создания сайта:
Перед нами стояла задача разработать одностраничный сайт (лендинг), который бы эффективно презентовал салон оптики и стимулировал запись на приём:

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

Особенности проекта:
Проект с самого начала потребовал нестандартного подхода из-за специфики бизнеса и высоких ожиданий заказчика:

• бренд находился в стадии формирования — чёткого брендбука не было, только логотип и общее видение, поэтому дизайн создавался «с нуля», закладывая основу для будущего визуального стиля
• планировалась отдельная фотосессия, и требовалось заранее подготовить точные требования к снимкам: ракурсы, цветовая гамма, размеры для каждого блока, чтобы фотографии идеально легли в вёрстку без потери качества
• для блока преимуществ потребовалась разработка уникальных иконок, стилистически связанных с логотипом, но при этом понятных и современных — было проведено несколько итераций с обсуждением деталей
• ключевой блок сайта должен был содержать сменяющиеся видеоролики с плавной анимацией при скролле — технически сложное решение, которое требовалось реализовать без потери производительности
• была необходима надёжная интеграция с 1С: передача заявок с utm-метками, авторизация по токену, возможность тестирования отправки до публикации сервиса

Решение:
К проекту подошли как к созданию полноценного цифрового лица бренда. На старте проведено погружение в позиционирование и подготовлен мудборд, утвердивший общее настроение: лёгкость, премиальность, современность без медицинской строгости. На его основе отрисовано несколько вариантов дизайна. Параллельно с дизайном сформировано подробное ТЗ для фотосессии: описаны нужные ракурсы (портреты, кадры с очками, атмосферные планы салона), цветовая гамма и точные размеры кадров для каждого блока — это позволило избежать проблем с кадрированием при вёрстке.

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

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

После окончания работ была проведена базовая SEO-оптимизация, настроены метрика и вебмастер, заказчику передана видеоинструкция по управлению сайтом.