Фирстиль Сайт

Создание сайта чемпионата России по дрэг-рейсингу

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


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

Решаем сделать что-то более интересное и необычное. При этом сайт должен объединить в себе информативность и спортивный стиль. Приступаем к работе над концепцией, делаем первый подход.

Арт-директор: Очень много оформления. Нужны какие-то свежие ходы или решения. Не интересно делать очередной просто аккуратный сайт.

Думаем дальше. Пробуем в качестве вдохновения использовать американские комиксы.

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

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

Дизайнер: А что, если подать информацию в простом «журнальном» виде, разбавив элементами фирстиля?

Арт-директор: Так уже лучше, только надо «журнальчик» сделать более аккуратным. И нужны еще идеи.

Подключаем старшего дизайнера и думаем дальше. Чемпионат пройдет в нескольких городах России, для которых это яркое событие, чуть ли не День города. Старший дизайнер предлагает идею «печка в городе»: гигантская печь пронесется по стране, а толпы зрителей будут торжественно ее встречать. Сайт будет эффектно «собираться» при загрузке. Из черного экрана проявляется смайл, интрига, и потом — бабах! — печка-Годзилла в городе.

Арт-директор: Да!

Показываем клиенту два варианта концепции.

Клиент выбирает «печку в городе». Продолжаем работу.

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

Работаем над главной страницей. Думаем над оформлением разных статусов мероприятия: прямая трансляция, завершение первого дня соревнований, окончание этапа.

Собираем типовую текстовую страницу с основными стилями и элементами.

Начинаем верстать. Работаем над анимацией главной страницы.

Рисуем фоны с городами для всех этапов предстоящих соревнований.

Переходим к внутренним страницам.

Остается последний раздел — «Пилоты».

Клиент: Страница пилота не нравится по компоновке, и фотография некачественная. Автомобиль надо показывать один — тот, на котором пилот выступает сейчас. Еще нужна краткая статистика и биография, а блок с фотографиями допустимо убрать.

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

Верстаем оставшиеся страницы, правим баги и причесываем верстку.

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