Портал проектов загородных домов Domamo
Концепция
Для сайта был разработан индивидуальный дизайн, акцентирующий внимание на представленных объектах. Было решено остановиться на строгом лаконичном варианте с минимальным количеством отвлекающих элементов. На главной странице сайта реализован слайдер с изображениями проектов, где закреплена форма подбора желаемого дома по требуемым характеристикам.
Каталог
Обширный каталог позволяет осуществлять фильтрацию (краткую и расширенную) по различным характеристикам. Помимо проектов загородных домов на портале представлены проекты бань, гаражей, беседок и др.
Фильтры
Уникальная система фильтров, состоящая более чем из 60 параметров, позволяет максимально точно подободрать необходимый вариант. Глубоко переработан модуль фильтра, внедрён «умный» фильтр. Для фильтра были отрисованы пиктограммы, изображающие материалы стен.
Карточка проекта
Карточка каждого проекта имеет детальное описание, содержит изображения фасадов, выполненные с применением технологии 3D-моделирования, подробные планы этажей, видеоматериалы.
Планы и фасады домов реализованы во всплывающих модальных окнах. Для планов был разработан модуль экспликаций (список помещений с указанием площадей): к каждому плану через систему управления добавляется список помещений с указанием площадей. У каждой характеристики есть подробные вспыхивающие описания-подсказки.
На сайте реализованы два типа цены: стоимость проектной документации и ориентировочная стоимость готового дома от субподрядной организации. Каждый проект можно сохранить в PDF, для чего был отдельно отрисован дизайн.
Сравнение и избранное
Реализован функционал истории просмотров, избранного. Для реализации функционала сравнения был написан специальный модуль со страницей вывода. Можно сравнить все параметры или посмотреть только различающиеся.
Сетка и элементы UI
Портал разработан с применением 4-колоночной сетки. На сайте использованы яркие ярлычки, которые помогают отобразить большое количество различной информации в ограниченном пространстве превью карточки проекта.
Для высокой чёткости отображения иконки размещены в формате SVG. Все элементы разработаны в максимально контрастной цветовой стилистике, удобной и понятной для пользователя.
Цвета и шрифты
Подобрана комфортная для длительного использования цветовая гамма. На сайте преобладают сдержанные цвета с добавлением яркого голубого оттенка для акцентирования внимания пользователя на нужных элементах.
На сайте использованы строгие слегка скруглённые гротескные шрифты, которые удобны для восприятия и чтения больших массивов текста.
Вёрстка и программирование
Сайт имеет адаптивную вёрстку, что даёт возможность найти дом своей мечты с любого устройства.
Реализован функционал личного кабинета. При регистрации можно выбрать один из вариантов: личный кабинет архитектора (продаёт проект) или личный кабинет строительной компании (предлагает подряд на строительство).
Для реализации функционала сравнения был написан специальный модуль со страницей вывода. Можно сравнить все параметры или посмотреть только различающиеся.