Создание сайта компании «Драгтаймс»

Процесс I

Клиент устал от своего новостного сайта в виде скучной ленты и хочет получить серьезное СМИ, рассказывающее об автомобильном мире и мероприятиях, которые проводятся под эгидой организации «Драгтаймс». Мировые автомобильные новости, выставки и шоу, гоночные спортивные серии, результаты заездов, пилоты, автомобили — все это должно попасть в современные устройства посетителей сайта.

Cобираем подходящий по теме плей-лист и приступаем к работе.

Для начала изучаем существующий сайт, составляем его карту и матрицу функциональности.

Получаем обновленный логотип.

Фантазируем на тему различных мелочей.

Прикидываем внешний вид и геометрию страниц.

Наполняем реальным содержимым. Главная — слоеный пирог, галерея, материал.

В блоке событий на главной кроме обложек допустимо размещать еще и календарь.

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

Клиент: В целом слишком спокойно и ровно, не про супербыстрые тачки и мир автоспорта.

Старший дизайнер: Можно взорвать, используя новые элементы, которые сейчас есть в работе над фирменным стилем.

Клиент: Теперь стало похоже на какую-то презентацию или промо-страничку, а не СМИ. Нужен управляемый инструмент, который выдержит все наши возможные сценарии развития событий.

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

Формат первого экрана меняется в зависимости от количества приоритетных материалов.

Схема построения главной страницы позволяет делать акцент на разных типах материалов.

В блоке событий тоже предусмотрено несколько форматов.

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

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

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

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

Клиенту нравится. Переходим к доработке стилей и программированию.

Часть вторая

Заказать дизайн...