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

Описание концепта

Решили создать сайт в лучших традициях motion-дизайна. На главной странице показаны 4 основные раздела, к каждому из которых разработана оригинальная иллюстрация. При наведении на один из разделов иллюстрация увеличивается, анимация работает по принципу гармошки. Карта проезда создана интерактивной.

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

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

Каждый продукт компании реализован в виде 3d-модели. Есть возможность стрелками покрутить туалетную кабину с разных сторон и попасть внутрь, рассмотрев более подробно все аксессуары.

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

Разработка прототипов

Проведена предпроектная аналитика. Разработана подробная структура сайта. Вся информация сгруппирована по разделам в соответствии c основными правилами юзабилити.

Программная разработка

В качестве системы управления был выбран 1с-Битрикс. Весь контент на сайте редактируется с помощью инфоблоков внутри админки или упрощенного текстового редактора в рамках каждой страницы.

Перейти на сайт