• Веб
  • Реклама Сайт

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

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

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

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

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

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

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

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

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

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

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

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

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

    Уже теплее.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Аудио.

    Хорошо.

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

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

    Референс:

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



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

    Еще.

    И — мотор!

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

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

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

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

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

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

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