06.07.2013

Новый дизайн «Амик.ру»

Часть I. Анализ и задачи

Ни один проект в нашей студии не проходит без изучения условий и среды существования, в том числе, конкурентной среды. Помимо конкурентов в регионе, необходимо изучить лидеров отрасли — тех, на кого можно ориентироваться: Lenta.ru, Rambler, РИА-Новости. К слову, все эти акулы океана новостей недавно обновили дизайн. И вот тут вспомнилась история обновления «Ленты.ру» — и стало страшно — а вдруг?:

Но, волна негатива — ожидаемая реакция на любые перемены. Тем более, вспоминая ту же «Ленту», — новый дизайн был признан лучшим в мире. Несмотря на возмущенные отзывы и, даже, спад популярности, лентовцы не отменили изменений, за что были вознаграждены сполна — и популярностью, и признанием.

Итак, с чем придется иметь дело? А дело придется иметь с главной страницей:

Очевидные проблемы:

  • Новости в ленте слишком слеплены;
  • Лишние элементы типа фигурных скобок в датах, слишком явный акцент на количестве комментариев;
  • Верхнее меню перегружено, некоторые пункты из одних и тех же групп;
  • Левое меню оформлено хаотично;
  • Явные ошибки верстки: торчащие края в один пиксель, «съехавшие» графические элементы.

Плюс, пожелания и требования редакции:

  • Переработка и перегруппировка меню;
  • Визуальное выделение внутренних проектов — «Афиши» и «Авто-Амика».

Дизайнер:

— А не забабахать ли тут «плоский дизайн»? Вон, все так делают сейчас.

Арт-директор:

— Аудитория консервативная. Они 14 лет «жили» на сайте 99-го года выпуска, а тут их — махом в 2013-й во временный тренд — слишком сильный стресс. 99%-м читателей не понравится. Надо не так жестко — тогда не понравится только 97 процентам. Но к «плоскости», конечно, близко надо подойти.

Приступаем.

Часть II. Дизайн

Отрисовываем виджеты, уравновешиваем ленту по отношению к другим новостным блокам, меню, правые блоки…

И презентуем клиенту:

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

Презентуем новую версию:

Не годится текст в меню — клиент хочет сделать его еще выразительнее. Делаем.

Утверждено, отправляем в производство. Один момент!.. А можно мы, все-таки, шаблон самой новости еще немного улучшим?

Клиент:

— Можно!

Теперь — все точно готово! Отправляем в производство.

Дизайнер:

— Ура!

Арт-директор:

— Ура!

Верстальщик:

— Матерь-тятерь!:

4 июля 2013 года обновленный «Амик.ру» увидел свет.

дизайн сайтаAmic.ruновостной сайт