«Студия Лебедева» — это первая веб-студия в России. Именно они сформировали свой уникальный и неповторимый стиль, задали большое количество актуальных до сих пор трендов — резиновая верстка (постепенно трансформирующийся адаптивный дизайн), использование «крошек» и прочее.

АНАЛИЗ САЙТА

Первым делом следует изучить все страницы artlebedev.ru и сформировать структуру — выстроить связь между всеми элементами сайта. Это один из самых скучных, но необходимых этапов анализа сайта. Здесь возникает понимание проекта, связей между страницами и идеи, которые можно внедрить.

1

Одна из первых гипотез — объединение разделов «Инвентарь» и «Ководство» в один большой самостоятельный раздел, посвященный всему полезному, интересному, некоммерческому. Из раздела «Компания» можно туда же вытащить «Гарнитура Артемиус», «Смесь»; из раздела портфолио «Наше все», «Бизнес-линч», «Фото дня», «Мозг», «Техдизайн», «Идиотека», «Закулисы», «Музей клонов» — то есть объединить всё, что представляет интерес для пользователей в большой трафикогенерирующий раздел. Он будет полезен для профильной среды — дизайнеров, копирайтеров, разработчиков.

ПОДГОТОВКА СЕТКИ

Необходимо заранее продумать, как будут располагаться элементы на сайте при разных разрешениях. Например:

СЕТКАВ

ГЛАВНАЯ СТРАНИЦА

Главную страницу агентства можно представить тремя способами: с акцентом на портфолио, описании предложения или краткой информации о компании. Третий способ является компромиссом между первым и вторым (фактически агрегатор). В данном случае, учитывая большое количество контента, выбор пал на третий вариант.

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

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

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

главная

РАЗДЕЛ «КОМПАНИЯ»

Учитывая большое количество содержащейся в разделе информации, было бы разумно сделать его большим проморазделом, повествующем о компании в интересной, увлекательной форме. Первым блоком может идти видеоролик, наглядно показывающий работу студии изнутри: лица сотрудников, рабочий процесс и самого Артемия Лебедева.

компания

КОМПАНИЯ

Здесь информация о том, что компания проводит семинары, приглашает диджеев, отображена релевантная информацию. Все остальное — в классической форме, с некоторыми интерфейсными решениями.

контакты

НАШЕ ВСЕ

Выделение ключевых клиентов — по аналогии с тем, как это сделано сейчас на сайте. Благодаря отображению работ одним большим полотном, пользователь мог бы выделить искомые проекты. Например: 2014 год, интерфейсы, автомобильная индустрия.

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

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

сейчас

Страницы адаптированы под мобильные устройства.

мобильные

МАГАЗИН

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

магазин

КАФЕ

В разделе «Кафе» пользователь с большой долей вероятности захочет узнать их местоположение — на этом и сделан акцент.

кафе

ПОЛЕЗНОСТИ

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

полезности

 

Исходники можно скачать по ссылке: https://drive.google.com/folderview?id=0B1nqVQFhH-PNT3YyTjNBd1J6MDg&usp=sharing

Тэги: анализ сайта, промоблок

Источник: http://siliconrus.com/2014/12/artlebedev/?from=rss