Сайт-каталог каркасных домов Хочу Дом
Посмотреть сайт: hochudom.by
Задача: разработать с нуля сайт с каталогом проектов компании, занимающейся проектированием и строительством каркасных домов по финской технологии.
Платформа: CMS 1С-Битрикс.
Решение: первым этапом в создании любого сайта является прототипирование будущих страниц. Прототипы представляют собой схематичное расположение ключевых блоков и элементов в них. Для сайта "Хочу Дом" были отрисованы прототипы следующих страниц:
- ● Главная
- ● Каталог проектов
- ● Страница проекта из каталога
- ● Оплата
- ● О компании
- ● Контакты
- ● Галерея готовых проектов
Прототипы демонстрируются заказчику удалённо через Интернет по ссылке, где заказчик может оставлять дизайнеру свои комментарии. После внесения некоторых правок и утверждения прототипа дизайнер начинает работу над макетами будущих страниц сайта, в которых уже отрисовывает дизайн, основываясь на готовых прототипах. Дизайн выполнен на светлом фоне с использованием серого и зелёного цветов, взятых из логотипа.
На главной странице представлена подробная информация о проекте «Хочу Дом», преимущества, а также форма для индивидуального расчёта стоимости проекта потенциального заказчика. В верхней части страницы выезжает яркий блок с акциями и временными предложениями.
В каталоге представлен список проектов с фотографиями, размерами, общей площадью и стоимостью. Пользователь может отфильтровать список по размеру, общей площади и этажности при помощи панели фильтров вверху страницы.
На странице проекта можно рассмотреть фотографии дома с разных ракурсов, а также планировки этажей. Описание и стоимость комплектаций постройки проекта представлены в таблице, где цены меняются автоматически в зависимости от версии сайта (на hochudom.by цены в долларах, на hochu-dom.ru - в рублях).
Пользователь может оставить заявку на постройку дома или консультацию по выбранному проекту, или заказать сам проект для самостоятельного строительства. Заявки принимаются через формы в модальных окнах, которые можно вызвать, кликнув по соответствующей кнопке на странице проекта. Поле "Проект" заполняется автоматически.
На сайте есть фотогалерея готовых домов с процессом постройки и итоговыми результатами. В галерее представлены работы не только по индивидуальным проектам, но и по проектам из каталога. На страницах таких проектов в каталоге есть ссылка для перехода к просмотру работы в галерее. Каждая работа в галерее представлена отдельным фотоальбомом, каждый на своей странице.
Все фотографии в альбомах увеличиваются при клике. Можно листать увеличенные фотографии при помощи стрелочек или миниатюр справа. Также можно запустить автоматическое слайдшоу, кликнув по кнопке вверху справа.
Сайт работает в двух версиях - для Беларуси и для России. Переключаться между версиями можно при помощи кнопок "RU" и "BY" в шапке сайта. Переключение происходит между соответствующими страницами, т.е. при переходе со страницы какого-либо проекта на сайте hochudom.by на русскую версию, пользователь перейдёт на страницу этого же проекта на сайте hochu-dom.ru. На обоих сайтах была проведена работа по SEO-оптимизации для дальнейшего продвижения. И хоть это и два разных сайта, административная панель при этом у них общая, таким образом администратор может одновременно работать с каждым сайтом отдельно. При этом каталог проектов один на оба сайта. Внося изменения в какой-либо проект, администратор изменит данные проекта сразу на двух сайтах. Цены в административной панели заполняются в долларах, и для российской версии сайта цены автоматически конвертируются в российские рубли. Также на оба сайта буквально в один клик вводится скидка на все проекты, администратору нужно только ввести размер скидки в процентах в соответствующем поле.
Все страницы адаптированы под все разрешения для удобного просмотра как на больших настольных мониторах, так и на планшетах и смартфонах.