Изучил сайты топовых дизайн-студий и агентств по версии Ruward. Как они вообще туда попали?

Изучил сайты топовых дизайн-студий и агентств по версии Ruward. Как они вообще туда попали?

Я UX/UI дизайнер с фокусом на сайты с 3D и интерактивом. И перед редизайном своего сайта, решил вдохновиться крутыми примерами российских дизайнерских агентств.

К большинству сайтов у меня вопрос, как они вообще продают до сих пор? Но некоторые прям вообще супер-пупер крутые и душевные, и искренние и вообще.

Все агентства взял из этого списка. Долго думал, какой рейтинг брать, и выбрал со словом "Сертифицированные" - по мне это не хухры-мухры

Критерии оценки и качества дизайна

Во-первых, прошелся по соответствию подходу продающей структуры AIDA (Attention - Interest - Desire - Action / Внимание - Интерес - Желание - Призыв к действию)

Во-вторых, на соответствие современному уровню визуала

В третьих, на дополнительные фишки, которые не входят в AIDA, но хотелось бы показать

Абсолютно все сайты показывать не буду, покажу только самое интересное.

Мой инсайт

Очень сильно выделяются те, кто с душой подошёл к делу. Это сразу видно во всех деталях: ручные иллюстрации, искренние улыбки, фотки людей. Скрины прикреплю – поймете.

1. Первый экран (спорные решения)

У большинства сайтов слабый блок захвата Внимания (первый экран). Используют стоковые иллюстрации, слабые заголовки, или вообще только текст.

Хорошо захватывает, тайтл понятный. Но эти стеклянные псевдо-3D уже моветон. Хорошо использовать осмысленные элементы, шейдеры сочетающиеся с фирменным стилем. Настоящее 3D уже всем доступно (обращайтесь ко мне tg:borisbess)
Хорошо захватывает, тайтл понятный. Но эти стеклянные псевдо-3D уже моветон. Хорошо использовать осмысленные элементы, шейдеры сочетающиеся с фирменным стилем. Настоящее 3D уже всем доступно (обращайтесь ко мне tg:borisbess)
У everest.cx на первом только текст. Как вам?
У everest.cx на первом только текст. Как вам?
kingbird.ru: тайтл вообще не понятный, вам что-то говорят эти цифры?
kingbird.ru: тайтл вообще не понятный, вам что-то говорят эти цифры?
awg.ru: Фоновые картинки. Они были бы в тему, если использовать дополнительный смысл, связывающий студию и изображение. Например, продукт студии на этих горах. Иначе – непонятно.
awg.ru: Фоновые картинки. Они были бы в тему, если использовать дополнительный смысл, связывающий студию и изображение. Например, продукт студии на этих горах. Иначе – непонятно.

Удачные примеры первого экрана

touchin.ru: Вcё по кайфу! Фоновый эффект, сочетающийся с фирменным стилем, и его метафора на карту кликов веб-аналитики, четкий краткий заголовок, превью работ студии. Вдохновился
touchin.ru: Вcё по кайфу! Фоновый эффект, сочетающийся с фирменным стилем, и его метафора на карту кликов веб-аналитики, четкий краткий заголовок, превью работ студии. Вдохновился
greensight.ru: прям вкусно, интересно рассматривать: краткий понятный заголовок, проекты лицом, теги категорий услуг, приятные рендеры. У них вообще сайт приятный - рекомендую изучить.
greensight.ru: прям вкусно, интересно рассматривать: краткий понятный заголовок, проекты лицом, теги категорий услуг, приятные рендеры. У них вообще сайт приятный - рекомендую изучить.
cpeople.ru: очень смелый и детализированный сайт. Хочется изучать, тыкать, что-то жмакается, вертится. Сайт живой, а значит с душой.
cpeople.ru: очень смелый и детализированный сайт. Хочется изучать, тыкать, что-то жмакается, вертится. Сайт живой, а значит с душой.
mediaguru.ru: хоть и несвежий дизайн, зато какой мощный заголовок! Сразу видно – маркетинговое агентство, выдающее реальную ценность. И что важнее – захватывающее внимание. На фоне нейтральных заголовков уж этот запомнится.
mediaguru.ru: хоть и несвежий дизайн, зато какой мощный заголовок! Сразу видно – маркетинговое агентство, выдающее реальную ценность. И что важнее – захватывающее внимание. На фоне нейтральных заголовков уж этот запомнится.
i-media.ru: вот о чём писал, искренность и открытость, прозрачность это новая валюта. Покажи людей, любящих свое дело, и я буду спокоен.
i-media.ru: вот о чём писал, искренность и открытость, прозрачность это новая валюта. Покажи людей, любящих свое дело, и я буду спокоен.

2. Блок интереса

Большинство сайтов не имеет блока на вызов Интереса (второй по AIDA). Сразу переходят к описанию своей студии, услугам, к портфолио и демонстрации своих наград. Но единицы выделились.

adv.ru: захватили внимание (ну первый экран у них 50/50), зато ко второму блоку на интерес подошли серьезно. И тебе выгодные условия, сроки вывода, плюшки сотрудничества – выгода и решение вопросов клиента
adv.ru: захватили внимание (ну первый экран у них 50/50), зато ко второму блоку на интерес подошли серьезно. И тебе выгодные условия, сроки вывода, плюшки сотрудничества – выгода и решение вопросов клиента
web-canape.ru: хоть сайт у них несвежий, зато сколько гарантий!
web-canape.ru: хоть сайт у них несвежий, зато сколько гарантий!
demis.ru: сайт конечно туда-сюда, зато акции на дороге не валяются 
demis.ru: сайт конечно туда-сюда, зато акции на дороге не валяются 
reklama.tochka.com: я влюбился в душевность их сайта. Ручные иллюстрации, ламповая атмосфера, вот эта забота – сперва дают полезняшки, советы, а потом уже взаимодействие. Видимо что-то поняли, раз такие эмоции вызывают?
reklama.tochka.com: я влюбился в душевность их сайта. Ручные иллюстрации, ламповая атмосфера, вот эта забота – сперва дают полезняшки, советы, а потом уже взаимодействие. Видимо что-то поняли, раз такие эмоции вызывают?

У остальных студий вообще этого блока нет, либо слишком спрятано

3. Вызов желания

Здесь агентства делают на всю катушку: и проекты, все услуги, отзывы. И почти никто не показывает людей, ответственных за проект клиента. Моя заявка уходит к абсолютно незнакомым людям куда-то в атмосферу.

fact.digital: в проектах показывают как повлияло на клиента сотрудничество с агентством. Круто? Круто.
fact.digital: в проектах показывают как повлияло на клиента сотрудничество с агентством. Круто? Круто.
dalee.ru: в проектах прям детально подошли, каждая обложка анимирована, что-то там происходит, крутится. Какое впечатление вызывает? Они внимательны к деталям.
dalee.ru: в проектах прям детально подошли, каждая обложка анимирована, что-то там происходит, крутится. Какое впечатление вызывает? Они внимательны к деталям.
redcollar.ru: социальное доказательство это сильный аргумент с ними сотрудничать. Вообще у нескольких агентств есть по пачке наград, вставил самый брутальный пример.
redcollar.ru: социальное доказательство это сильный аргумент с ними сотрудничать. Вообще у нескольких агентств есть по пачке наград, вставил самый брутальный пример.
vbi.ru: прям хочется с ними поработать, влиться в команду, что-то придумать прикольное. Энергия душевного фото команды
vbi.ru: прям хочется с ними поработать, влиться в команду, что-то придумать прикольное. Энергия душевного фото команды
mediainstinctgroup.ru: помимо всем уже понятных блоков про услуги, кейсы, отзывы и награды, у них инфографика какая-то. В нее хочется вникнуть, понять что там за рост такой и почему
mediainstinctgroup.ru: помимо всем уже понятных блоков про услуги, кейсы, отзывы и награды, у них инфографика какая-то. В нее хочется вникнуть, понять что там за рост такой и почему

4. Призыв к действию

У большинства стандарный призыв - "Напишите нам, заполните заявку, мы с вами свяжемся". Но есть те, кто пошел дальше.

cpeople.ru: твердое завершение сайта, яркий признак того, что они доделывают всю работу качественно до последней капли
cpeople.ru: твердое завершение сайта, яркий признак того, что они доделывают всю работу качественно до последней капли
touchin.ru: нетипичный CTA с  футером, без никаких форм заявок. Они не оставляют выбора – писать видимо только прям щас, прям тут
touchin.ru: нетипичный CTA с  футером, без никаких форм заявок. Они не оставляют выбора – писать видимо только прям щас, прям тут
reklama.tochka.com: был бы у меня сайт агентства, после их заботливого сайтика я бы долго не думал
reklama.tochka.com: был бы у меня сайт агентства, после их заботливого сайтика я бы долго не думал

На этом по основной структуре AIDA показал самое интересное. Если хотите еще обзор какого-нибудь топ-листа диджитал-агентств, напишите в комментариях. А сейчас немного странных находок.

Странные находки

pinkman.ru: интересно конечно, но прям очень много моей энергии забрал этот блок
pinkman.ru: интересно конечно, но прям очень много моей энергии забрал этот блок
osinit.com: самый винтажный сайт из всех в топе
osinit.com: самый винтажный сайт из всех в топе
magwai.ru: сайт дизайнерской студии с базовыми пробелами по дизайну
magwai.ru: сайт дизайнерской студии с базовыми пробелами по дизайну
ddplanet.ru: это просто скриншот какого-то видео, и простейшая тень в слове
ddplanet.ru: это просто скриншот какого-то видео, и простейшая тень в слове
web-canape.ru: .
web-canape.ru: .
demis.ru: какие-то темные паттерны из 2012.
demis.ru: какие-то темные паттерны из 2012.

Интересные фишки, не попавшие в категории

agima.ru: проводит тест на узнаваемость бренда. 
agima.ru: проводит тест на узнаваемость бренда. 
И у них же календарь мероприятий, что прям убедительно смотрится. Выступают публично, круто.
И у них же календарь мероприятий, что прям убедительно смотрится. Выступают публично, круто.
reklama.tochka.com: ведет ламповый бложик. Блог ведут еще пара студий, 
reklama.tochka.com: ведет ламповый бложик. Блог ведут еще пара студий, 

Если у вас есть предложения на обзор/аудит сайта – отправляйте в комментарий. Буду рад активности и знакомству.

Я в соцсетях: borisbessonov_

Начать дискуссию