Как сделать продающую аватарку

Обновлено: 07.07.2024

В Instagram появились уникальные цифровые аватары, которые призваны продублировать личность владельца, включая его внешний вид, одежду и аксессуары. Как утверждают разработчики, с их помощью пользователь в будущем сможет общаться в виртуальной реальности. Пока предлагается только применять их среди стикеров в Stories (лично у меня он создался, но на сегодняшний день в стикерах еще не появился).

2. Далее настраиваем аватар: цвет кожи, глаз, волос, губ, положение родинок и морщин на лице, макияж глаз и многое другое. Есть с чем поиграться. Вариантов внешнего вида достаточно, чтобы каждый создал то, что хочет.

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

Как сделать такую аватарку, на которую пользователи волей-неволей обратят внимание? Может ли аватарка зацепить внимание пользователя и возбудить интерес? Да, это возможно, если сделать 3D аватар по по нашему мастер-классу. В чем фишка этого мастер-класса?

Освоите новые навыки работы в графических редакторах на телефоне.
Без знаний Фотошопа и навыков редактирования
Сможете использовать аватарку во всех соцсетях!
Получите обратную связь по всем вопросам
Более 100 готовых элементов для дизайна, которые не надо искать!
Мы подготовили все для вас, чтобы вы сразу могли создать запоминающийся образ для вашего блога в Инстаграм.

Переходите по ссылке и узнайте больше о мастер-классе по разработке 3d аватарке своими руками.

Подписывайтесь на @instagrafica_design и получите чек-лист
“Топ-10 ошибок визуального оформления профиля”.

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

Шаблоны аватаров от Turbologo

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

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

Изучите лучшие идеи логотипов

Сделайте логотип для аватара с помощью онлайн-конструктора логотипов Turbologo

Большое разнообразие шаблонов дизайна и простой интерфейс. Создайте свой уникальный бренд здесь и сейчас.

Создаем аватар: все, что вам нужно знать

Аудио перевод статьи

Погружаемся в тему аватаров: разные события, состояния, действия, выбор цвета — лучшие практики UI-дизайна.

Здесь вы также найдете множество вдохновляющих примеров.

👋 Привет, это Роман.

Я UI-дизайнер, который стал онлайн-предпринимателем (хотя и не планировал этого). В 2018 году я начал создавать UI-киты для Figma и запустил Setproduct. Миссия этого сайта — помочь дизайнерам, разработчикам и компаниям сэкономить деньги и время, которые обычно тратятся на дизайн, чтобы намного быстрее выпускать свои продукты.

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

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

👇 Давайте приступим к изучению состояний, стилей, размеров, вариантов использования и шаблонов аватаров.

UI-дизайн аватаров

Аватар (также известен как юзерпик) — это компонент, предназначенный для идентификации пользователя.

1. Какие элементы может включать аватар

В дизайне аватара могут быть использованы следующие типы контента:

Нулевое состояние (empty state)
Инициалы
Фотография или изображение пользователя

2. Цвет и размер

В зависимости от ситуации используются самые разные цвета и размеры аватаров:

Чтобы аватары отличались, задайте им разные цвета фона.
В хедерах и панелях навигации аватары обычно имеют ширину 24-40 dp.
В списках и контентных блоках — ширину 40-48 dp.
Если вы хотите использовать аватары в таких разделах, как Профиль, Настройки и т.д., сделайте их размером от 56 dp.

3. События и уведомления

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

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

4. Статус пользователя

Самая распространенная практика отображения статуса пользователя — размещение цветного индикатора в правом нижнем углу юзерпика.

Зеленый цвет указывает на то, что пользователь онлайн, серый — офлайн.
Закрашенный кружок показывает, что пользователь онлайн, пустой — офлайн (альтернативный вариант).

5. Индикаторы уведомлений

Индикатор уведомления может выглядеть по-разному в зависимости от того, насколько важным оно является.

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

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

Выбирайте иконки, которые соответствуют ожиданиям пользователя
Тщательно подбирайте цвета, чтобы они отражали значение события или действия

Аватары с текстом

1. Текст сбоку

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

Более крупные заголовки содержат имя пользователя
Подзаголовки включают дополнительные детали (например, статус, род занятий, время последнего посещения, количество подписчиков и т.д.)

2. Текст снизу

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

UX-паттерны для аватаров

1. События

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

2. Прогресс

Дизайнеры все еще часто используют в аватарах индикатор выполнения задач в виде линии, которая заполняется цветом. Это решение остается популярным и довольно удобным.

3. Выбор

Состояние выбора, один из самых надежных методов подтверждения, обычно обозначается комбинацией рамки и иконки.

Еще одно популярное решение:

Группа аватаров

1. С кнопкой

Когда аватары сгруппированы, к ним можно добавить CTA-кнопку, чтобы пользователь знал, какие действия он может совершить.

Например, кнопка с плюсом может означать несколько доступных вариантов взаимодействия (добавление, редактирование, сортировка и т.д.).

2. С плашкой

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

3. Плашка с состоянием наведения

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

4. Аватар с состоянием наведения

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

Шаблоны

Самый популярный вариант использования аватаров в приложениях или на сайтах — добавление маленького юзерпика в хедер или более крупного в раздел Профиль / Настройки. При этом пользователи могут редактировать изображение.

Вот и все. Надеюсь, теперь вы точно знаете, как создать самый лучший аватар.

Если вы хотите подробнее изучить примеры аватаров, использованные в посте, вы можете найти их здесь и скопировать себе в Figma.

Прежде чем начать продавать, вам нужно знать, кто ваш идеальный клиент, где он находится и что он купит. Загрузите БЕСПЛАТНЫЙ проверенный шаблон создания аватара клиента и узнайте, кому вы продаете.

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

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

Первый шаг перед началом продаж

Создание портрета целевого потребителя (аватара клиента), это самый первый шаг, который нужно сделать прежде чем начать создавать рекламные материалы или что-то продавать. Большинство не знают и не понимают этого, а многие из тех, кто знает – просто игнорируют, надеясь что и так как то продажи пойдут сами по себе. Это самая грубая ошибка, которую можно совершить.

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

Если задать вопрос “Кто ваш клиент?”, то большинство ответят – мужчины/женщины от 25 до 55 лет. С первого разу сразу и не поймёшь подвоха. Ведь они правы! Большинство покупателей находятся именно в этом сегменте. Но штука в том, чтобы максимально сузить круг потенциальных клиентов используя более точные характеристики.

Многие боятся и отрицают, – “зачем умышленно уменьшать количество потенциальных клиентов? Ведь чем их больше, тем и больше шансов на продажу.”

Так ли это?

Давайте разберём на примерах. Представьте, что у вас есть бюджетная женская парикмахерская, которая находится в спальном районе города N и предоставляющая услуги стрижки, укладки и маникюра. Есть ли смысл тратить рекламный бюджет и усилия на женщин, которые:

не проживают в нужном спальном районе города N
имеют высокий доход
предпочитают получать комплексные услуги (массаж, макияж и т.д.)
имеют маленький детей и нуждаются в манеже на время предоставления услуг.
предпочитают пользоваться подобными услугами “на дому”
и так далее…

Очевидно, что нет. То-есть, тратя время, ресурсы и бюджет на людей, которые не являются вашей целевой аудиторией, вы только теряете.

Допустим, девушка 25 лет, имеющая ребёнка, проживающая без мужа и подрабатывающая по ночам на компьютере будет иметь совершенно другие приоритеты и для неё нужны другие рекламные материалы, чем женщине 52 лет, находящейся на пенсии и любящей проводить время на свежем воздухе около подъезда, со своими сверстницами… обсуждая вышеупомянутую девушку без мужа.

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

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

Швейцарский нож маркетинга

Это упражнение повлияет, практически на все направления вашего бизнеса, маркетинга и системы продаж, включая…

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

…и это только небольшая часть того, на что влияет аватар клиента.

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

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

Давайте посмотрим на пример аватара клиента…

Пример портрета потребителя: Сергей

В ноябре 2018 года я запустил новый курс.

Это был курс по получению профессии “Инженер цифровых воронок продаж”. Практический онлайн курс по получению профессии с нуля и обретению нужных навыков за короткий срок – 6 недель, с возможностью сразу получить работу по новому направлению.

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

Я выделил четыре разных типа потенциальных клиентов:

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

В итоге у меня получилось четыре новых аватара клиента.

Одному из аватаров я дал имя Сергей:

Давайте разберём основные составные части портрета потребителя Сергея в качестве примера.

Из чего состоит аватар клиента

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

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

Хочу предупредить вас, что с первого раза у вас не получиться создать идеальный портрет. И со второго раза не получиться… и даже с третьего. Так как это непрерывный процесс, во время которого появляется всё больше мелочей и важных сведений о ваших клиентах. Поэтому, не сидите ожидая результатов опроса, а прямо сейчас приступайте к составлению портрета своего идеального клиента на основании личных представлений. А когда будут итоги опроса – дополните его.

За то время, что клиенты будут заполнять опрос, вы уже сможете ощутить выгоду от аватара созданного на основе сделанных вами предположений.

Давайте посмотрим на каждый раздел таблицы аватара клиента по очереди…

Цели и ценности

Начинаем создание нашего портрета клиента с определения его целей и ценностей.

Вас интересует только то, что относится к вашим продуктам или услугам. Эта информация пригодится для …

Создания продукта
Копирайтинга
Контент-маркетинга
Email маркетинга

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

“Ищете возможность зарабатывать удалённо?”

Это должно сработать и вызвать интерес нашего аватара.

Источники информации

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

Только мой идеальный покупатель прочёл бы эту [КНИГУ], которую никто другой не взялся бы читать.
Только мой идеальный покупатель подписался бы на этот [ЖУРНАЛ], на который бы никто другой не подписался б.
Только мой идеальный покупатель посетил бы эту [КОНФЕРЕНЦИЮ], которую никто другой не посетил бы.

Видите, как вырисовывается образ?

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

К примеру, вы продаёте программное обеспечение для раскрутки в Инстаграм. Вам не нужно ориентироваться на тех, кто подписан на Ольгу Бузову, так как её знают многие и у неё в подписчиках более 14 млн человек.

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

(ПРИМЕЧАНИЕ. Перед тем, как начать продавать, вам необходимо знать, кто ваш идеальный клиент, где он находится и что покупает. Загрузите БЕСПЛАТНО проверенный шаблон создания портрета идеального потребителя и узнайте, кому вы продаете.)

Демографическая информация

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

Также, поле “Цитата” поможет понять внутренний мир потенциального клиента. Какими принципами он руководствуется, на основании каких убеждений может принимать решения.

Кроме того, демографическая информация – полезна при настройке рекламы в социальных сетях или при выборе площадки для размещения статей, оплаченной рекламы и т.д.

При создании рекламных материалов важно максимально чётко представить себе идеального клиента. И такая информация как пол, возраст, географическое местоположение, как нельзя более чётко позволяют это сделать.

Чтобы ещё лучше представить как выглядит ваш идеальный клиент – подберите фотографию, что будет визуализировать его. И вклейте её прямо в карточку портрета потребителя.

Проблемы и боли

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

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

“Вы устали каждый день тратить более двух часов в день добираясь на работу и обратно? Получите удалённую профессию с помощью курса “Инженер воронок продаж” и забудьте о поездках работая удалённо.”

Объявление подобное этому точно получит отклик у Сергея, так как относится напрямую к одной из его болей.

Возражения и роль в процессе покупки

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

Профессия “Инженер воронок продаж” [за одну неделю]

Также вы должны понять роль своего потенциального покупателя в процессе покупки. Является ли он основным лицом принимающим решение о покупке? Если нет, то насколько влияет на принятие такого решения?

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

Создайте несколько аватаров

Начните с одного аватара. Но на этом не останавливайтесь

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

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

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

( ПРИМЕЧАНИЕ. Перед тем, как начать продавать, вам необходимо знать, кто ваш идеальный клиент, где он находится и что покупает. Загрузите БЕСПЛАТНО проверенный шаблон создания портрета идеального потребителя и узнайте, кому вы продаете.)

Эта статья, является переводом и адаптацией под русскую аудиторию статьи одного из лучших маркетологов современности Райана Дайса. Чтобы не пропустить выход новых статей из данного цикла, подпишитесь на получение новостей внизу страницы.

Николай Полтавцев Follow Пишу о технической стороне онлайн-бизнеса, личной и командной эффективности, новой экономике.

Читайте также: