Сайт для полиграфической компании «А5-Ювалан»

На сайте существует много сюрпризов: перелистывающийся промо-блок с продукцией на главной странице, всплывающий комикс-рассказ о компании, отзывы, калькулятор заказа полиграфической продукции, красивая карта проезда, интерактивная рубрика «Вопрос-ответ» и огромный каталог продукции. В дизайне сайта главной страницы присутствует фирменный стиль «воображаемой» компании клиента, что позволяет сразу понять «что, к чему».

Задача

Сделать сайт.

На главной странице у каждой категории продукции есть своя иллюстрация. Механизм смены «блоков» устроен таким образом, что если курсор находится в зоне блока, то включается «тормоз», который останавливает смену блоков направлений, что очень удобно.

Для каждого направления есть фирменная иллюстрация. Кое-где это получилось сделать за счет предоставленных клиентом элементов, а кое-где — создать все с нуля. На готовые объекты накладываем более ровные текстуры и тени, выравниваем горизонт и накладываем «воображаемый» фирменный стиль. Новые объекты полностью рисуем в Photoshop, но веревочки мешков фотографируем, т. к. «живыми» они выглядят естесственней. Результат говорит, что оно того стоило.

А вот и внутренняя страница: тоже со скриптом смены фотографий, которые, по традиции, открываются в лайтбоксе.

Ни Гугль ни Яндекс карты знать не знают про город Витебск, а ведь проезд — вещь важная. Поэтому рисуем карту в лже-3d.

Калькулятор заказа тоже должен выглядеть на высоте, поэтому делаем для него специльный стиль. Кнопка «Заказать» загружает форму обратной связи с уже вбитой информацией о заказе — полный интерактив.

А вот так на созданном сайте будет открываться комикс-рассказ про компанию.

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

Шаг 2: нащупали новый стиль. Решено снабдить каждый блок отдельной иллюстрацией.

Раскадровка комикса.