«(

↑Портфолио → сайты

7 сентября 2009, 10:50

Сайт дилера «Пежо»

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

Сделали сайт одного из крупнейших дилеров «Пежо» компании «Энвимоторс».

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

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

envy-models

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

Один комментарий

14 июня 2009, 12:47

Новый дизайн моего блога

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

Все читатели моего блога, конечно, уже успели оценить красоту и удобство нового дизайна. Ну а всем читателям ЖЖ еще только предстоит это сделать.

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

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

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

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

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

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

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

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

19 комментариев

10 марта 2009, 15:46

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

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

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

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

main1

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

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

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

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

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

 

Читать запись полностью

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

7 марта 2009, 00:13

Эскизы сайта Dapple Grey

Рубрики: Портфолио  Метки: сайты

Первые эскизы сайта Dapple Grey:

dg_news

dg_portfolio

7 комментариев

5 февраля 2009, 00:49

Cайт Scala Rider

Рубрики: Портфолио  Метки: сайты

Сделали сайт www.scala-rider.ru.

Задача: переделать сайт так, чтобы любой потенциальный покупатель не ушел без гарнитуры, да еще и друзьям рассказал.

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

old-site1

 

new-site

Читать запись полностью

2 комментария