Сайт нужно сделать динамичным, наполнить его движением. Проселок, городские улицы, день-ночь — начинаем думать в этом направлении.
Стартовать можно из автосалона.
Придумываем «поездку» по главной странице при помощи стандартных элементов браузера. На помощь приходит горизонтальный скроллинг.
Возвращаемся с дачи, в городе заходим в банк, приезжаем сначала в офис, потом — на заправку.
Немного дорабатываем и везем на презентацию клиенту.
Смотрим, как все будет выглядеть при стандартном разрешении экрана. Внизу помещаем полосу навигации.
Развиваем тему горизонтальной прокрутки на странице про «красивую старость».
И продолжаем на странице с характеристиками комплектаций.
Концепция утверждена. Приступаем к детализации карты сайта.
Близко, но слишком формально.
Восстанавливаем правильную последовательность.
Уже теплее.
Совсем горячо. Теперь надо визуально упростить схему и дополнить ее пиктограммами.
Дальше запараллеливаем работу. Никита Никитин придумывает визуальные образы для иллюстрации технических характеристик, Антон Аралин вместе с Сергеем Пожидаевым колдуют над блок-схемами, Марк Кожура фотографирует красоту.
Первый подход к распределению информации на внутренних страницах.
Собираем шапку.
Думаем над врезками.
Управляем вниманием зрителя.
Верстаем примеры блоков.
С сеткой определились.
Переходим к заполнению ячеек иллюстрациями. Так как из фотоматериалов имеем пока только автомобиль, то задники делаем с помощью подручных средств. Светлый фон плюс бумажные силуэты.
Быстро готовим эскиз.
И вырезаем необходимые элементы.
Еще нужно оформить плашки и выпадающие псевдоокна.
Слишком выбивается из стилистики.
Слишком много внимания уделяется плашке.
Теперь излишне деликатно.
Близко, но как-то неоправданно сложно.
Симпатично, оставляем!
А что там с техническими характеристиками?
Надо разделять на ингредиенты.
Какой-то оливье получается.
Все равно куча. Давай по очереди.
Выбор двигателя.
Выбор кузова.
Снаряженная масса.
Расход топлива.
Аудио.
Хорошо.
А в это время где-то на Новокузнецкой начинается фотосессия.
Решили, что зимой натурные съемки проводить не будем и заменим их проекциями всех тех мест, в которых хотели бы оказаться.
Референс:
Закатываем обе модели в съемочный павильон.
Пристреливаемся.
Еще.
И — мотор!
Переносим этот эффект на главную страницу.
Добавляем выпадающее меню.
Нет, вот такое.
Не забываем про маленькие тематические иллюстрации.
А в конце — краш-тест! Проверяем авто на безопасность. 10,9 из 16 баллов.
Осталось еще разбить седан, раскрасить все кадры в пять фирменных цветов и добавить соответствующий бабл. Ищем вариант надписи.
Второй подходит.
© 19952024 Студия Артемия Лебедева
|