Как сделать сайт для премиального сегмента аудитории

Иллюстрации, видео и текст— это и есть эмоции, которые передает ваш сайт. Они задают тон и контекст — то, как пользователи будут воспринимать ваше предложение, текст, продукт и бренд. Расскажем, как говорить на одном языке с потребителями продуктов премиального сегмента.

В закладки

Изображения

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

Для сайта Сбербанк Прайвет мы в Далее применили похожее решение:

У сайта строгая сетка, все изображения располагаются справа на странице, при этом на каждом изображении есть только один якорный элемент, который привлекает внимание.

Банки предпочитают строгий дизайн, но в других сферах тоже не нужно прибегать к клише. К нам обратилось агентство премиальных путешествий Содис, чтобы обновить дизайн. Сравните до:

И после:

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

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

Чтобы вызвать больше эмоций, вместо изображений можно использовать фоновое видео. Не углубляйтесь в фильмопроизводство — эффект дожен быть таким же, как у изображений. Видео не должно отвлекать клиентов от содержания сайта.

Предложение

Представим, что вы предлагаете клиентам премиальные финансовые или инвестиционные услуги. Посмотрим на примерах, как может выглядеть ваше предложение.

Размыто

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

Конкретнее

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

Точно

Все хотят зарабатывать и работать с лучшими. А вот грамотно управлять личными финансами и эффективно инвестировать уже не так интересно.

Конечно, такие громкие слова, как лидер, лучший, номер один, придется доказать, чтобы у ФАС не было вопросов. Но сила этого предложения не в слове лидер, а в точном попадании в аудиторию. Если поставить вместо лидера название компании, получится по-прежнему мощно: «Мне нужны инвестиции, которые зарабатывают. Поэтому я выбрал БКС».

Чем лучше вы будете понимать аудиторию, тем точнее будет ваше предложение. Чем точнее предложение, тем выше конверсия.

У вас есть всего несколько секунд, чтобы привлечь внимание клиента своим предложением и убедить его прочитать текст. Особенно, если у клиента этого времени не так много.

Текст

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

Обычно вопросы и сомнения начинаются со слов «как» и «почему».

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

Почему вам стоит доверять? Нас рекомендует Московская биржа, у нас есть награды и довольные клиенты.

Не нужно заигрывать с этой аудиторией с помощью слов «ВИП», «премиальный», профессионального сленга. Язык у всех разный, поэтому использование терминов кем-то со стороны вызовет только раздражение или смех.

Люди, принимающие решения, умеют схватывать суть. Пишите кратко и по делу — сэкономите время себе и клиентам.

Отображение на устройствах

На мобильные телефоны сейчас приходится половина времени в сети. Все продолжают говорить про mobile first, но даже сейчас на сайтах крупных банков можно найти страницы, которые плохо отображаются на смартфоне.

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

Мы советуем начинать дизайн с простого макета для мобильного — его можно собрать быстро и ограничиться одной колонкой. Потом на основе элементов для смартфонов вы соберёте более сложные блоки для планшетов и десктопов. Вот так выглядит сайт Содис на смартфоне:

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

Начинайте проектировать сайт с мобильной версии, а не наоборот.

Итого

  • Подчеркните премиальность продукта минималистичными изображениями, классическими черно-белыми гаммами, калиграфическими шрифтами.
  • Сформулируйте то, что вы предлагаете, одним емким предложением.
  • Расскажите о продукте, ответив на вопросы «как» и «почему».
  • Сначала запустите сайт на смартфоне, а после — на десктопе.

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Digital агентство Далее", "author_type": "self", "tags": [], "comments": 6, "likes": 14, "favorites": 62, "is_advertisement": false, "subsite_label": "design", "id": 66671, "is_wide": false, "is_ugc": true, "date": "Tue, 07 May 2019 16:42:20 +0300" }
SMS-чат для клиентов
{ "id": 66671, "author_id": 134321, "diff_limit": 1000, "urls": {"diff":"\/comments\/66671\/get","add":"\/comments\/66671\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/66671"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }

6 комментариев 6 комм.

Популярные

По порядку

Написать комментарий...
3

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

Почему считается, что сдержанность и минимализм интереснее премиум-людям, а цветастость и китч сойдет и холопам? Откуда ноги растут у этого стереотипа?

Ответить
4

да так собственно и есть.

Ответить
2

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

Ответить
0

А фамилия из компьютерной игры - это тоже признак премиальности?))

Ответить
–1

Это и есть стереотип, Вы об этом?

Ответить
0
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ]
Команда калифорнийского проекта
оказалась нейронной сетью
Подписаться на push-уведомления
{ "page_type": "default" }