Новый дизайн «Амик.ру»
Часть I. Анализ и задачи
Ни один проект в нашей студии не проходит без изучения условий и среды существования, в том числе, конкурентной среды. Помимо конкурентов в регионе, необходимо изучить лидеров отрасли — тех, на кого можно ориентироваться: Lenta.ru, Rambler, РИА-Новости. К слову, все эти акулы океана новостей недавно обновили дизайн. И вот тут вспомнилась история обновления «Ленты.ру» — и стало страшно — а вдруг?:
Но, волна негатива — ожидаемая реакция на любые перемены. Тем более, вспоминая ту же «Ленту», — новый дизайн был признан лучшим в мире. Несмотря на возмущенные отзывы и, даже, спад популярности, лентовцы не отменили изменений, за что были вознаграждены сполна — и популярностью, и признанием.
Итак, с чем придется иметь дело? А дело придется иметь с главной страницей:
Очевидные проблемы:
- Новости в ленте слишком слеплены;
- Лишние элементы типа фигурных скобок в датах, слишком явный акцент на количестве комментариев;
- Верхнее меню перегружено, некоторые пункты из одних и тех же групп;
- Левое меню оформлено хаотично;
- Явные ошибки верстки: торчащие края в один пиксель, «съехавшие» графические элементы.
Плюс, пожелания и требования редакции:
- Переработка и перегруппировка меню;
- Визуальное выделение внутренних проектов — «Афиши» и «Авто-Амика».
Дизайнер:
— А не забабахать ли тут «плоский дизайн»? Вон, все так делают сейчас.
Арт-директор:
— Аудитория консервативная. Они 14 лет «жили» на сайте 99-го года выпуска, а тут их — махом в 2013-й во временный тренд — слишком сильный стресс. 99%-м читателей не понравится. Надо не так жестко — тогда не понравится только 97 процентам. Но к «плоскости», конечно, близко надо подойти.
Приступаем.
Часть II. Дизайн
Отрисовываем виджеты, уравновешиваем ленту по отношению к другим новостным блокам, меню, правые блоки…
И презентуем клиенту:
В целом, то, что надо. В частностях — клиент просит сильнее выделить ленту, вернуть построчное выделение новостей, добавить некоторые рубрики, обозначить в ленте новости партнеров агентства.
Презентуем новую версию:
Не годится текст в меню — клиент хочет сделать его еще выразительнее. Делаем.
Утверждено, отправляем в производство. Один момент!.. А можно мы, все-таки, шаблон самой новости еще немного улучшим?
Клиент:
— Можно!
Теперь — все точно готово! Отправляем в производство.
Дизайнер:
— Ура!
Арт-директор:
— Ура!
Верстальщик:
— Матерь-тятерь!:
4 июля 2013 года обновленный «Амик.ру» увидел свет.