«(

10 марта 2009, 15:46

Процесс создания сайта Scala Rider

Рубрики: Дизайн, Портфолио  Метки:

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

Первый эскиз:

main1

Арт-директор — дизайнеру:

— Очень неплохо. Давай попробуем цветовую дифференциацию для гарнитур, как у них в печатном каталоге;

— Логотип Кардо перетягивает на себя все внимание — это неправильно;

— Контакты в меню лишние: и так уже есть в хедере и в футере (да и еще в разделе Компания);

— Мне не нравится, как сверстаны Статьи и новости. Да и место слишком много занимают.

 

Вариант 2:

main1_1

Арт-директор — дизайнеру:

— Ценники сверстаны неудачно: непонятно к какой гарнитуре относятся, особенно при большом разрешении;

— Цвета мне тоже не нравятся, да и непонятно, как с ними на других страницах жить;

— Клиент сказал, что у него появится классное видео — давай попробуем сделать его главным элементом страницы;

— По структуре что-то у нас неправильно. Сейчас мы такаем посетителю в нос проводами, в то время как сразу должны рассказывать о возможностях;

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

 

Вариант 3:

 

main21

Арт-директор — дизайнеру:

— Здорово. Только теперь получается, что фильтр (возможности, модели, помощник) превратился в самый главный элемент навигации, а меню вообще никому не нужно. Смотри, меню можно сильно упростить. Компания остается. Модельный ряд у нас и так есть в моделях — убираем. Где купить давай напишем под телефоном в плашке. Новости и статьи засунем в раздел Компания (на главной и так есть ссылки). Фото и видео уберем: все равно у Заказчика нет никаких материалов;

— Иконки из правого угла надо убрать. Карту сайта перенеси в футер, а главная — это логотип;

— Полосу красную надо убрать — она не нужна будет, как и надпись Твой скала райдер;

— Слушай, мне не нравится красный. Он агресивен и ничем не обоснован. Давай оранжевый попробуем.

 

Вариант 4:

 main3

Арт-директор — дизайнеру:

— Супер! Отлично. Ничего лишнего, все акценты правильно расставлены;

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

 

Вариант 5:

main4

Арт-директор — дизайнеру:

Все-таки картинки не на своем месте. Давай их наверх перенесем. Они должны встречать посетителя. И давай сделаем, чтобы подписи с коротким описанием появлялись просто при наведении мышки. Как у Меги.

 

Окончательный вариант:

 main61

Ctrl
Эскизы сайта Dapple Grey   Маркетинг повсюду

6 комментариевRSS

  1. Dan Note 17 мая 2009 в 21:49 № 1

    Они уже выбрали Scala-Rider :D

    Профессиональный баян.

  2. Dan Note 17 мая 2009 в 21:51 № 2

    Последний рисунок, новость внизу слева не в тему.

    Обновляйте новости.

    • Илья Синельников 18 мая 2009 в 13:13 № 2.1

      Новости естественно обновляются на сайте.

  3. Dan Note 17 мая 2009 в 21:53 № 3

    У разных моделей совпадают описания. Оставте только отличительные черты. Общее можно отправить под заголовок страницы.

    • Илья Синельников 18 мая 2009 в 13:12 № 3.1

      На сайте так и сделано: можно посмотреть только различия.

  4. Dan Note 17 мая 2009 в 21:58 № 4

    Хм... Мои комментарии напрасны... Хорошо бы добавить самые последнии версии — они заметно лучше

Ваш комментарий