Разбор агентства AIC

AIC — первое российское агентство сервисного дизайна, основанное в 1998 году. На протяжении последних трех лет уверенно держится в топе рейтинга Ruward (1 и 2 места). Агентство работает в сегментах госсектора, финансов, IT & Telecom, Retail, и создало сайты для таких компаний как «Тинькофф банк», «Концерн Калашников», «Ростелеком», «Росатом», «Сбербанк» и другие. Их кейсы на Behance постоянно выходят в топ и получают ачивки (табличка Featured).

Табличка Featured на Behance — мечта многих дизайнеров. Это не только признание мастерства, но и возможность получать большие и денежные заказы от крупных студий и частных лиц. По словам самого сооснователя агентства Сергея Попкова:

Для AIC кейсы — это как внутренняя культура. Это жрёт немыслимое количество времени, меня за это постоянно «гнобят» менеджеры. У этой истории абсолютно отвратительная экономика. Всё говорит о том, чтобы мы больше никогда не делали кейсов.

Но! Это определённо заряжает нас на следующий уровень. Именно благодаря таким кейсам мы и подросли».И сегодня мы расскажем вам о тех самых правилах успешного кейса, которых придерживается агентство AIC.

“Залог успешного кейса такой же, как и хорошей упаковки товара в магазине. Главное, чтобы его заметили! Следовательно, есть ряд несложных рекомендаций, которые всегда идут в плюс:

1. Яркая обложка. Представляем вашу работу в мокапе смартфона или устройства на каком-нибудь ярком фоне. Желательно с правильным контекстом.
2. Смелая и крупная типографика. Особенно сейчас, когда в моде «минимал», надо не стесняться искать смелые шрифтовые решения. Даже если в самом продукте у вас нет такого акцента. А ведь часто так и бывает — интерфейсы могут быть скучны и однотонны, поэтому задача кейса — всё это предельно подкрасить.
3. Я их называю ленточные прогоны. Смысл в том, что у вас есть светлый фон и есть контрастный фон. Задача в том, чтобы не слишком часто их менять, не 1 к 1. Скорее, 1 к 4. 3 белых пролёта, против одного контрастного. Фишка в том, что глаз человека будет постепенно остывать, если все делать на одном фоне. Поэтому время от времени надо чередовать с контрастными перебивками. На них как раз хорошо идут какие-то макродетали, крупные заголовки, вероятно, анимации.
4. Скриншоты продукта в разных мокапах. Естественно, чем ближе к контексту, тем лучше. Мониторы, смартфоны. Иногда можно без всего, но тогда надо экспериментировать с довольно крупными тенями, чтобы было правильное ощущение объёма.
5. Введение несуществующих элементов или функциональности. Я очень часто добавляю в кейсе фейк-куски. То есть на самом деле этого не существует в реальном продукте. Но либо оно было придумано в рамках тендерной концепции, либо я посчитал, что это крайне необходимо для предельной визуальной отдачи. В общем, вас же никто за руку перепроверять не будет. Ваша задача — сделать максимально круто, а для этого можно и немного поддуть концептуальности. Вообще, как вы знаете, на Behance полностью фейк-кейсы не редкость.
6. Анимация микровзаимодействий. Хорошо украшает кейс, когда некоторые элементы интерфейса анимированы. То есть показывают в деталях, как реагирует навигация на курсор мыши или иные элементы. Это добавляет предельной реалистичности и обычно такие кейсы с качественной анимацией получают максимальный охват и внимание. Обычно золотое сечение анимации — это 2-3 анимированные GIF и отдельный интегрированный видеоролик на Vimeo. Мы тестировали, если гифов больше — то всё начинает тормозить и растёт число отказов. Больше одного ролика на Vimeo тоже никто не смотрит. И не забывайте в embed прописывать автоплей, чтобы ролик запускался автоматом. Это увеличивает глубину просмотра, потому что на клавишу Play тоже никто не нажимает.
7. Интересные факты и статистика по проекту. До сих пор актуально писать и раскладывать по полочкам маленькие превьюшки всех макетов и переводить в числовые переменные: сделали 50 макетов, потратили 200 часов, утопили 2 мышки и так далее. Тут вы можете также преукрасить действительность, вероятно, добавить немного юмора.
8. Хорошая классика — это кусок или вырезка из гайдлайна. Цвета проекта, шрифты, ключевые лейауты. Это никогда не будет лишним.
9. Иногда бывает полезно вставлять и более научные вещи, такие как отзывы пользователей, майнд-карты, краткое описание концепции или продукта. Никогда не пишите много текстов. С текстами вообще отдельная большая история. Их мало кто читает, поэтому вставки должны быть короткими и по существу.”

Источник: крутое и вдохновляющее интервью с командой AIC.

С кейсами агентства можно ознакомиться на их сайте или на Behance.

Также у агентства есть свой канал на Vimeo, где можно найти интересные лекции и анимацию кейсов.