Реклама Сайт

Создание графических шаблонов сайта «Шанс»

Описание Процесс

Сайт нужно сделать динамичным, наполнить его движением. Проселок, городские улицы, день-ночь — начинаем думать в этом направлении.

Стартовать можно из автосалона.

Придумываем «поездку» по главной странице при помощи стандартных элементов браузера. На помощь приходит горизонтальный скроллинг.

Возвращаемся с дачи, в городе заходим в банк, приезжаем сначала в офис, потом — на заправку.

Немного дорабатываем и везем на презентацию клиенту.

Смотрим, как все будет выглядеть при стандартном разрешении экрана. Внизу помещаем полосу навигации.

Развиваем тему горизонтальной прокрутки на странице про «красивую старость».

И продолжаем на странице с характеристиками комплектаций.

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

Близко, но слишком формально.

Восстанавливаем правильную последовательность.

Уже теплее.

Совсем горячо. Теперь надо визуально упростить схему и дополнить ее пиктограммами.

Дальше запараллеливаем работу. Никита Никитин придумывает визуальные образы для иллюстрации технических характеристик, Антон Аралин вместе с Сергеем Пожидаевым колдуют над блок-схемами, Марк Кожура фотографирует красоту.

Первый подход к распределению информации на внутренних страницах.

Собираем шапку.

Думаем над врезками.

Управляем вниманием зрителя.

Верстаем примеры блоков.

С сеткой определились.

Переходим к заполнению ячеек иллюстрациями. Так как из фотоматериалов имеем пока только автомобиль, то задники делаем с помощью подручных средств. Светлый фон плюс бумажные силуэты.

Быстро готовим эскиз.

И вырезаем необходимые элементы.

Еще нужно оформить плашки и выпадающие псевдоокна.

Слишком выбивается из стилистики.

Слишком много внимания уделяется плашке.

Теперь излишне деликатно.

Близко, но как-то неоправданно сложно.

Симпатично, оставляем!

А что там с техническими характеристиками?

Надо разделять на ингредиенты.

Какой-то оливье получается.

Все равно куча. Давай по очереди.

Выбор двигателя.

Выбор кузова.

Снаряженная масса.

Расход топлива.

Аудио.

Хорошо.

А в это время где-то на Новокузнецкой начинается фотосессия.

Решили, что зимой натурные съемки проводить не будем и заменим их проекциями всех тех мест, в которых хотели бы оказаться.

Референс:

Закатываем обе модели в съемочный павильон.



Пристреливаемся.

Еще.

И — мотор!

Переносим этот эффект на главную страницу.

Добавляем выпадающее меню.

Нет, вот такое.

Не забываем про маленькие тематические иллюстрации.

А в конце — краш-тест! Проверяем авто на безопасность. 10,9 из 16 баллов.

Осталось еще разбить седан, раскрасить все кадры в пять фирменных цветов и добавить соответствующий бабл. Ищем вариант надписи.

Второй подходит.