Процесс создания сайта Scala Rider
Как и обещал, расскажу, как мы создавали сайт для блютус-гарнитур скала райдер. О результате я писал 5 февраля. Процесс рассмотрен только на примере главной страницы, хотя на самом деле речь всегда идет о нескольких основных. Также я опустил некоторые незначительные итерации.
Первый эскиз:
Арт-директор — дизайнеру:
— Очень неплохо. Давай попробуем цветовую дифференциацию для гарнитур, как у них в печатном каталоге;
— Логотип Кардо перетягивает на себя все внимание — это неправильно;
— Контакты в меню лишние: и так уже есть в хедере и в футере (да и еще в разделе Компания);
— Мне не нравится, как сверстаны Статьи и новости. Да и место слишком много занимают.
Вариант 2:
Арт-директор — дизайнеру:
— Ценники сверстаны неудачно: непонятно к какой гарнитуре относятся, особенно при большом разрешении;
— Цвета мне тоже не нравятся, да и непонятно, как с ними на других страницах жить;
— Клиент сказал, что у него появится классное видео — давай попробуем сделать его главным элементом страницы;
— По структуре что-то у нас неправильно. Сейчас мы такаем посетителю в нос проводами, в то время как сразу должны рассказывать о возможностях;
— Надо как-то обозначить, к каким видам спорта применима. Посетитель прежде всего себя ассоциирует с видом спорта. Давай попробуем картинки небольшие и подписать их.
Вариант 3:
Арт-директор — дизайнеру:
— Здорово. Только теперь получается, что фильтр (возможности, модели, помощник) превратился в самый главный элемент навигации, а меню вообще никому не нужно. Смотри, меню можно сильно упростить. Компания остается. Модельный ряд у нас и так есть в моделях — убираем. Где купить давай напишем под телефоном в плашке. Новости и статьи засунем в раздел Компания (на главной и так есть ссылки). Фото и видео уберем: все равно у Заказчика нет никаких материалов;
— Иконки из правого угла надо убрать. Карту сайта перенеси в футер, а главная — это логотип;
— Полосу красную надо убрать — она не нужна будет, как и надпись Твой скала райдер;
— Слушай, мне не нравится красный. Он агресивен и ничем не обоснован. Давай оранжевый попробуем.
Вариант 4:
Арт-директор — дизайнеру:
— Супер! Отлично. Ничего лишнего, все акценты правильно расставлены;
— Только колонки справа и слева от видео плохие. Давай выровняем по верхней границе. И добавь абзац про возможности, а то не совсем понятно.
Вариант 5:
Арт-директор — дизайнеру:
— Все-таки картинки не на своем месте. Давай их наверх перенесем. Они должны встречать посетителя. И давай сделаем, чтобы подписи с коротким описанием появлялись просто при наведении мышки. Как у Меги.
Окончательный вариант:
Они уже выбрали Scala-Rider :D
Профессиональный баян.
Последний рисунок, новость внизу слева не в тему.
Обновляйте новости.
У разных моделей совпадают описания. Оставте только отличительные черты. Общее можно отправить под заголовок страницы.
Хм... Мои комментарии напрасны... Хорошо бы добавить самые последнии версии — они заметно лучше
На сайте так и сделано: можно посмотреть только различия.
Новости естественно обновляются на сайте.