Сегодняшний сайт дня на Awwards для Cartier – это какой-то эппл на максималках в мире ювелирки.
Говорю сразу – это промо, а не главная магазина, его смотрят на экранах больше, чем моя гостинная.
У таких страниц одна задача – впечатлить. Нет цели конвертнуть в СТА (ее по факту и нет). Ты должен залипнуть, погрузиться в атмосферу богатства и роскоши.
Давайте попробуем разобрать приемы, которыми достигается эта цель:
1. Минимум навигационных возможностей. Фактически это обычный лендинг, но он устроен не сверху-вниз, а вглубь. Пользователь максимально дизориентируется и просто скроллит, выключив мозг. Благодаря этому, все что он может – потреблять впечатления.
2. Микровзаимодействия. Благодаря тому, что часики можно вертеть, рисовать вокруг них, пользователь прикасается к элитной жизни, замечает детали. Кроме того, это триггерит нажатия и переход в детали, а там еще куча всего, что происходит по клику/скроллу. И снова тотальное залипалово.
3. Фокус на продукт. Минимум текста, максимум картинок это база
4. Визуальная концепция. Ты буквально "идешь" по шоуруму Картье, в каждой комнате свой стиль и настроение. Имхо, ребята не дожали "выход", могли бы отправить меня в ювелирный космос, вместо этого приземлили в рекламный видос
5. Композиция. И в "комнатах" и в деталках часов царит симметрия, основная силовая линия и выравнивание по центру, четко прослеживаются 5 колонок. Куча воздуха, умеренная пластика в модульных блоках с фотками. Все работает на вайбы элитарности.
6. Шрифты. У ребят свой Cartier Sans – элеганза с засечками, который они используют, внезапно, для основного текста. Обычно серифы берут в заголовки, так как он в большой массе текста нечитабельный, но на лендосе кегли крупные, могут себе позволить. При этом заголовки набраны каким-то гротеском, от которого веет стимпанком (что, вобщем, логично, это же страница про часы)
7. Звук. Любое действие сопровождается изменениями в райском звуковом сопровождении, что усиливает погружение
Насладиться полноценно можно с хорошим интернетом, с компа и со звуком
💜 Магазин для дизайнеров
💜 Консультации
💜 Навигация по постам