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

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

Тогда мы решили нарисовать заборы максимально правдоподобно. Но заборы могут отличаться по типу и цвету. Мы выписали все возможные варианты.

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

Хозяева и гости загородного дома будут выбирать вид забора спереди, так как это самый выгодный вид забора. Мы решили "переключать" центральную часть, а края стилизовать под набросок и "тянуть" его на широких мониторах. С помощью 3D-иллюстратора мы получили первый эскиз.

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

Бревенчатый сруб нам не понравился. Дом должен выглядеть не баснословно дорого, и не дёшево. Второй вариант наброска был лучше, но всё равно не подходил.

Подбор дома шёл тяжело. Мы отмели десяток вариантов, наконец, нашли подходящий.

3D-иллюстратор приступил к реализации сцены.

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

В результате дом получился. 

Далее - подготовить ~80 вариантов заборов всех типов, модификаций и цветов. Цвета должны соответствовать цветам из каталога RAL. Возникла сложность: при разном освещении сцены и на разных мониторах заборы смотрелись по-разному. После недельной подгонки всё-таки удалось получить нужный результат. 

Сайт о заборах, и это пишем сразу в заголовке. Ниже - детали и преимущества. К шрифту Roboto дорисовали такие же иконки.

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

Вёрстка обещала быть сложной. Нужно было решить вопрос с картинкой на разных мониторах. На разрешениях от 1024 до 1600 будем масштабировать центральную картинку. На больших разрешениях - по краям тайтлы, которые будем повторять по оси Х.

Клиент был доволен дневным освещением забора, и мы решили попробовать сделать ночной вид. 3D-иллюстратор получил задачу, где в конструкции забора располагаются элементы подсветки. 

Получилось нелпохо. Кнопка в верхнем углу сайта позволяет переключать день и ночь.

Сайт стабильно работает, а клиент получает новые заказы.

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