О проекте

i-okna.ru — сайт компании «Умные окна», которая продаёт и устанавливает пластиковые окна и двери из профиля REHAU в Москве и Московской области. На сайте собран каталог окон, дверей, решений для балконов, коттеджей и дач, а также услуги, цены, акции и примеры работ.

Задача

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

Посадочные страницы под конкретные запросы

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

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

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

Сравнение профилей

Самое сложное для покупателя — выбрать профиль. Для этого мы сделали блок с вкладками по линейкам REHAU: Blitz New, Thermo, Intelio 80, Brillant, Grazio, Delight, Geneo. Для выбранного профиля показывается разрез конструкции, три шкалы — «больше света», «сохранение тепла», «защита от шума», — цена за квадратный метр и технические характеристики: число камер, толщина профиля и стеклопакета, теплоизоляция, звукоизоляция, класс взломобезопасности. Ниже — короткий список преимуществ простыми словами, рядом — кнопки «Рассчитать» и «Заказать в 1 клик» и ссылка на видео о профиле.

Результат

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