Вице-президент продукта в Суперпедестриан, живу в Бостоне
Курс по переговорам · ТГ о Микромобильности
LinkedIn · Facebook · Instagram

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

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

Они уже выбрали Scala-Rider :D
Профессиональный баян.

Dan Note 2009

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

Dan Note 2009

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

Dan Note 2009

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

Илья Синельников 2009

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

Илья Синельников 2009

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