«(

Метки сайты

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

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

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

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

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

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

envy-models

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

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

23 июля 2009, 10:09

Сайт моей мастерской

Рубрики: Дизайн, Дневник  Метки: сайты

Наконец у нашей мастерской Dapple Grey открылся собственный сайт.

Что главное для любой мастерской? Конечно, работы. Им и отдано центральное место.

dg-site1

Комментарии на полях — это очень классный прием — добавляет неформальности и книжного стиля. Читать на полях — одно удовольствие =)

У большинства работ есть раздел «процесс», в котором можно ознакомиться с этапами создания работы.

dg-site2

В ближайшее время на сайт добавятся еще несколько работ.

Мастерская занимается сайтами, интерфейсами, графдизайном, печатной продукцией и нестандартной рекламой. Пока еще по земным ценам. Обращайтесь.

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

14 июня 2009, 12:47

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

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

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

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

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

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

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

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

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

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

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

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

24 марта 2009, 23:32

Сайт 15-летия интернета

Рубрики: Дизайн  Метки: сайты

17 марта 2009, 14:31

Поиск на авторамблере

Рубрики: Маразм  Метки: сайты

Фильтр поиска на странице Авторамблер.

autorambler

Потрясающая находка — сделать картинки с кузовами машин «вид сверху». Ведь так приятно, что сверху машины практически не отличаются — можно нарисовать только одну картинку. Это еще и очень логично, ведь большинство смотрит на машины с высоты 10-го этажа. Странно только, что вид снизу не использовали, там-то вообще все одинаковые.

universal — универсал, да.

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

10 марта 2009, 15:46

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

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

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

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

main1

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

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

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

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

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

 

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

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

7 марта 2009, 00:13

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

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

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

dg_news

dg_portfolio

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

2 марта 2009, 18:34

Сайт умного дома

Рубрики: Дизайн  Метки: сайты

Пишет Максим Глоков:

«Добрый вечер! Наткнулся на ваш персональный сайт, sinelnikov.name. Понравилась критика сайта про живое пиво (хотя про phpBB я не согласен, но это субъективное мое мнение).

Не могли бы вы оценить мой сайт с точки зрения юзабилити и дизайна?
1. HoSm - http://hosm.ru/ - Умный Дом своими руками. Здесь я пытался максимально отказаться от использования графики. В идеале хотелось бы только 2 графических элемента — логотип и favicon. Но сейчас еще тени блоков реализуются с помощью картинок. Пытался сделать минималистический дизайн, который бы не надоедал и не препятствовал воспринятию контента.»

Пока рецензия ждала своей очереди, на сайте успели произойти изменения.

Было:

hosm_old1

 

Стало:

hosm_new

Стало чуть-чуть лучше, но основных ошибок изменения не затронули.

  1. Обязательно надо выделять ссылки, по сравнению с остальным текстом. Лучшие дизайнеры считают, что любая ссылка, за редким исключением, должна быть подчеркнута. Это уже стандардт де-факто, и если нет каких-то веских причин, чтобы этого не делать, то это надо делать. Также помогает выделение цветом.
  2. Зачем нужно второе меню, да еще и подписанное «навигация», почти полностью копирующее горизонтальное? Если сразу не понятно, что это навигация, значит, это очень плохая навигация. Этот блок нужно вообще выбросить.
  3. В подменю «софт» всего один элемент, значит, нет необходимости делать каталог. Также, как не надо делать нумерацию или ставить буллиты, если в списке единственный элемент.
  4. Рамочки, рамочки, рамочки. Если даже убрать их все, читаемость текста не пострадает, а только улучшится, потому что станет меньше мусора. Структурированности добиваются размещением информации по четкой сетке.
  5. В списках в верху страницы буллиты перетягивают на себе все внимание и никак не способствуют удобству чтения. Надо сделать их меньше, поставить ближе к тексту, а в конце предложения ставить либо точку, либо точку с запятой. А еще лучше вместо буллита использовать длинное тире «—».
  6. Газета. Если «Автоматизация зданий для всех» — это ее название, то не надо каждый раз его писать, достаточно вынести в заголовок. Лучше около тире ставить неразрывные пробелы, чтобы не переносилось название на другую строку.
  7. «Умный дом … у вас в квартире». Кроме того, что это неграмотно (по-русски многоточие не отделяется пробелом от предшествующего слова), это еще и глупо. Какой смысл тут передан? «Умный дом… [внимание! театральная пауза! о-па! сюрприз] — у вас в квартире [ни хуя ж себе! дом! — в квартире! умный! кто бы мог подумать?!]»
  8. Надо определиться, как писать «умный дом» — в кавычках или нет. В любом случае, всегда одинаково.

Вывод: несмотря на некоторые ляпы, стоит похвалить автора за стремление к минимализму и преобладанию смысла над дизайнерскими изысками.

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

27 февраля 2009, 01:51

Трудности орфографии

Рубрики: Дизайн, Маразм  Метки: сайты

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

danisimo

Спасибо за ссылку Рашиду Юнисову.

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

20 февраля 2009, 22:17

Сайт знакомств 1618

Рубрики: Дизайн  Метки: сайты

Сайт знакомств 1618.ru.

На первый взгляд, типичный сайт знакомств. Но 1618 содержит уникальный функционал, который очень привлекателен для многих, жаждующих найти свою вторую половину. На основании якобы серьезной научной программы любой человек может по 12 характеристикам проверить, насколько ему подходит другой человек. В результате сравнения получается коэффициент k. Чем он больше, тем лучше. 

Задача сайта: привлекать как можно больше новых пользователей, мотивировать старых потреблять платные сервисы.

В чем залог успеха?

  1. В нестандартном алгоритме сравнения.
  2. В удобном интерфейсе.

На сайте 1618.ru совершены все возможные ошибки в интерфейсе и дизайне. А над идеями простоты Маэдзи дизайнер глумился особенно усердно.

1618.ru

 

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

Чтобы только примерно представить о чем идет речь, надо прочесть весь текст, продираясь через чудовищную верстку и пустые фразы. Надо отфильтровать тонну мусора, только чтобы понять, зачем это все.

А должна быть отражена суть. В легкой и интересной форме.

Разберем главную страницу по косточкам:

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

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