Задание №2

Топ-10 кейсов

Vik-a-oMay 16, 2018

1. https://chulakov.ru/work/ris-app

2. https://www.artlebedev.ru/rpl/logo/

3. https://nimax.ru/brands/portfolio/work/resenergo

4. http://nectarin.ru/cases/kot-grom.html

5. https://www.artlebedev.ru/mir/site/

6. https://www.agima.ru/projects/eosago/

7. http://aic.ru/work/site/683/

8. https://www.artlebedev.ru/bspb/social/

9. http://aic.ru/work/site/665/

10. http://aic.ru/work/site/651/

11. http://aic.ru/work/site/634/

Каждый из кейсов содержит в себе элемент интерактивности. А, как известно, сейчас без анимации - никуда. И простое статичное структурированное описание кейса заведомо проигрывает такому современному подходу ,который используется в ссылках выше. Попадает прямо в сердце )

Редизайн сайта /мой кейс

Задача: выполнить редизайн сайт на основе имеющегося логотипа и страниц сайта

1. Весь экран занимает слайдер с флагманскими фотографиями сидений. Чтобы получить качественные изображения, желательно организовать профессиональную фотосъемку. Со слайда можно перейти к карточке товара. 

Для примера на макете заимствована иллюстрация http://www.kiel-sitze.de

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

Заголовок - появляется с анимацией, плавное выведение

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

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

Для акцентов и легкости восприятия использованы минималистчные элементы - линии, кнопки фирменных цветов

Блок с вводной информацией о компании, без большой текстовой нагрузки. Для подробного знакомства - можно перейти по ссылке на отдельный раздел.

Желательно использоваться числовые показатели, которые хорошо характеризуют компанию, на числа можно сделать анимацию - как они увеличиваются

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

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

Перелистываются плавным сдвигом. При наведении на сотрудника так же срабатывает анимация

4. Раздел Медиацентр звучит более весомо, чем просто новости и помимо публикации новостей, может выводить информации из подразделов Вакансии, Корпоративная жизнь, Видео, Отчеты, Выставки / на усмотрение Заказчика /

Для поддержания чистоты и лаконичности сайта рекомендуем использовать качественные иллюстрации, за которые «цепляется глаз», на которые приятно смотреть. Ведь сайт - своего рода, ваш виртуальный офис и содержание контента влияет на восприятие, которое сложится у посетителя о компании.  

Лента с быстрыми кнопка

- написать письмо – всплывает форма

- поиск по странице

- поднять наверх

Подвал - выводится краткая структура сайта по основным разделам с контактной информацией