Придумали классный слоган:

Больше картинок и описание процесса в портфолио Dapple Grey.

Задача: спроектировать интерфейс меню навигационной программы дополненной реальности.

Интерфейс адаптирован для сенсорного и поворотного экрана, как у Нокии N97.

Цвет зависит от выбранной темы.

Более полное описание в портфолио Dapple Grey.

Напоминаю, что мы принимаем заказы на клевые и недорогие сайты.

Сайт уже висит www.kupisalon.ru.

Еще подробнее можно посмотреть в портфолио www.dapplegrey.ru.

Кстати, у меня есть 15% скидка на все услуги компании. Готов поделиться.

Под катом еще много картинок.

Описание и цены

Портфолио

Просмотр фотографий

Фирменный стиль

Каталог с описанием услуг, фотографиями салонов и образцами кожи. Доступен в электронной версии(26 страниц, pdf, 3 Мб)

]]> http://sinelnikov.name/2009/11/kupisalon/feed/ 0 http://sinelnikov.name/2009/09/envymotors-site/ http://sinelnikov.name/2009/09/envymotors-site/#comments Mon, 07 Sep 2009 07:50:18 +0000 Илья Синельников http://sinelnikov.name/?p=563 Сделали сайт одного из крупнейших дилеров «Пежо» компании «Энвимоторс».

Официальное представительство «Пежо» в России требует от всех дилеров следования корпоративным стандартам создания сайтов, которые описаны в 100-страничном гайде. Стандарты совершенно не адаптированы под особенности России и уже сложившиеся у нас практики, к тому же материалы, которые распространяет «Пежо», часто совершенно непотребного качества, но поделать с этим ничего нельзя. Кстати, этой болезне подвержено большинство автопредставительств в России.

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

Подробное описание в портфолио Мастерской.

Работа выполнена по заказу WOM

Я считаю, что мы с Максимом Яковлевым сделали лучший персональный блог в рунете (не по содержанию, боже упаси, — по дизайну). Причем сделали блог на основе открытого и самого популярного движка Wordpress, творчески его доработав.

Меню должно быть, с одной стороны, простым и интуитивно понятным, с другой — функциональным. Рубрики и метки полностью справляются с этой задачей. Если кликнуть на рубрику, показываются метки, относящиеся только к записям этой рубрики.

Разумеется, ссылки на текущие страницы нельзя нажать — они перестают быть ссылками. Это показывает пользователю, где он находится, и придает действиям однозначности. Нет ничего хуже ссылок, остающихся ссылками после перехода по ним.

Страницы с записями на главной, а также сами записи можно листать с помощью сочетания клавиш Ctrl и стрелочек ← →.

Не забыли и про правильные URL. Все части адресной строки функциональны и осмысленны. Если из названия поста (http://sinelnikov.name/2009/05/no-kaif-no-life/) стереть название, оставив только год и месяц, то откроется страница со списком всех постов за этот месяц.

Отдельно хочется сказать про комментарии. Во-первых, они нумеруются с учетом древовидной структуры. Во-вторых, номер — это постоянная ссылка на комментарий. В-третьих, при написании комментария доступно удобное окно для редактирования и вставки картинок, ссылок и т.п., в-четвертых, нажав кнопку «сначала посмотреть» можно оценить, как комментарий смотрится в тексте, многие глупости сразу становятся видны.

Ну и еще много приятных мелочей, вроде поиска, ошибки 404, количества записей, отдельных страниц и навигации по ним, rss.

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

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

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

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

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

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

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

Вариант 2:

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

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

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

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

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

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

Вариант 3:

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

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

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

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

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

Вариант 4:

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

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

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

Вариант 5:

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

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

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

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

Прототип содержит более 100 страниц, все ссылки в нем кликабельны.

  Главная страница

  Регистрация нового абонента

  Пульт абонента

   Пример сервиса рассылки

   Статистика в личном кабинете владельца площадки

   Портфолио выполненных работ в разделе рекламодетеля

   Заказ рекламной кампании

   Страница о компании

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