Что мешало прежнему сайту
На старой главной посетителя встречали тёмная шапка, узкий шрифт меню и большой баннер со скидкой. Поверх фотографии одновременно появлялись боковая плашка «Лучшая цена» и окно чата. Они забирали внимание, прежде чем человек успевал разобраться, какие окна ему подходят.
У компании был большой объём материалов: направления остекления, профильные системы, комплектующие, фотографии и видео объектов. Мне хотелось дать этим материалам понятный порядок и сделать сам продукт заметнее рекламных плашек.
В центре — дом и свет
Первый экран новой главной — светлая гостиная с большими окнами и садом за стеклом. Поверх изображения разместил полупрозрачную шапку и объёмную панель с предложением компании. Тёплые оттенки, крупный спокойный шрифт и мягкие поверхности продолжаются дальше по странице.
Рядом с основным действием есть три понятных повода обратиться: нужен замер, нужна консультация или уже есть смета. Они собраны в одну панель. Ниже посетитель выбирает задачу: окна для квартиры, балкон или загородный дом.
Окна стало проще сравнивать
Для РЕХАУ сделал отдельную страницу с выбором профилей, изображениями сечений и характеристиками. На главной тоже можно сравнить системы, посмотреть устройство окна и подобрать сочетание цвета профиля и ручки. Технические детали появляются там, где человек уже выбирает комплектацию.
Тёплый алюминий АЛЮТЕХ получил свою страницу: окна, раздвижные двери, фасады и солнцезащита. Для коттеджей собрал отдельную подачу вокруг архитектуры дома. У направлений разные сюжеты и содержание, при этом меню, шрифты, кнопки и формы остаются общими.
Проект на 960 страниц
Масштаб проекта — 960 страниц. Здесь есть основные направления, комплектующие, полезные материалы и большой массив поисковых посадочных. Для такого сайта важно продумать общую систему: как устроена навигация, где лежат характеристики, как связаны соседние темы и куда ведёт обращение.
В основе — индивидуальная главная и общие шаблоны внутренних страниц. Они позволяют сохранять единое оформление и адаптировать содержание под конкретную задачу. 960 страниц не означают 960 отдельных дизайнов: значительная часть работы приходится на материалы, структуру, адреса, метаданные и проверку переходов.
В объём договора входят перенос полезных материалов, SEO-оптимизация и техническая проверка исходных адресов. Решения по старым и служебным страницам согласуются отдельно с заказчиком, чтобы при обновлении не потерять нужное содержание.
На телефоне — своя композиция
Для узкого экрана подготовлены отдельные композиции изображений. Заголовки, меню, выбор решений и формы перестраиваются под телефон. Карточки и галереи можно листать пальцем, а основные действия остаются рядом с содержанием.
Пошаговый подбор помогает описать задачу перед обращением. Это подбор параметров для заявки; точную стоимость окна компания рассчитывает по размерам и комплектации. В телефонных полях используется российская маска номера.
Техническая основа и полная стоимость
Интерфейс написан на HTML, CSS и JavaScript, обработчик заявок — на PHP. Анимации, меню, галереи и подбор работают в общей системе главной и внутренних страниц. Новый дизайн размещён на прежнем домене компании.
Полная фиксированная стоимость проекта по договору — 290 000 ₽. Это цена всего согласованного комплекса: дизайн и разработка, адаптивные страницы, перенос и подготовка материалов, SEO, предусмотренные договором интеграции, передача результата и два месяца поддержки после запуска.
В сумму также входят генерация недостающих материалов и необходимая согласованная 3D-графика. Хостинг, домен и платные сторонние сервисы оплачиваются отдельно. Стоимость относится к полному объёму проекта, а не только к главной и страницам, показанным в этой статье.
Для вашего проекта
Редизайн сайта
Обновлю оформление, структуру и мобильную версию вашего сайта. Помогу сохранить нужные материалы и подготовить переход на новую версию.
Что входит в редизайн вашего сайта
