No Image

Как правильно и красиво оформить

СОДЕРЖАНИЕ
7 просмотров
16 декабря 2019


Для любой компании главная страница сайта – виртуальная парадная дверь. Если посетителю не нравится то, что он видит, не сомневайтесь, он нажмет кнопку « Назад ».

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

Что делает хороший дизайн главной страницы сайта

1) Дизайн главной страницы четко отвечает на вопрос «Кто я?», «Что я предлагаю?» и/или «Что пользователь может сделать здесь?»

Если вы представляете хорошо известный бренд ( например, Coca-Cola ), вам может сойти с рук отсутствие описания того, кто вы и что вы делаете. Но большинство компаний должны отвечать на эти вопросы, так чтобы каждый посетитель знал, что он находится в « нужном месте ». Если пользователи в течение нескольких секунд не смогут понять, что вы делаете, долго они не задержаться.

2) Резонанс с целевой аудиторией

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

3) Сообщение о ценном предложении

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

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

5) Включает в себя призыв к действию (СТА-элемент)

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

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

6) Постоянно изменяется

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

7) Использует отличный общий дизайн

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

Вдохновляющий веб-дизайн: 16 лучших дизайнов главной страницы

1) FreshBooks


Этот дизайн гениален, потому что:

  • Прост в использовании. Возникает много споров о том, какие домашние страницы лучше — короткие или длинные. Если вы выберете последний вариант, то должны обеспечить легкое прокручивание и чтение. Эта страница выглядит практически как история;
  • Удачно использовано сочетание цветов и позиционирование первичных СТА-элементов . Когда заходите на главную страницу сразу становится понятно, что компания хочет привлечь ваше внимание;
  • Очень заманчивый текст на СТА-элементе : « Попробуйте бесплатно в течение 30 дней »;
  • Эффектный подзаголовок: « Для более чем 5 миллионов людей, использующих FreshBooks , отправлять счета и следить за расходами теперь не проблема ». Это заявление привлекательно для целевой аудитории, потому что освоение бухгалтерского программного обеспечения, как правило, « мучительно сложно » для фрилансеров и владельцев малого бизнеса.

2) Airbnb

  • Это оформление главной страницы сайта пример впечатляет: она встречает посетителей полноэкранным видео с красивыми кадрами, высокого разрешения. Она рассказывает о путешественниках, которые проводят время, как будто они местные жители: готовят пищу на кухне, покупают местные сыры. Выглядит очень естественно и достоверно;
  • Прямо по центру главной страницы располагается форма поиска с местом назначения и датой прибытия/отбытия, которую ищет большинство посетителей, направляя пользователей к следующему логическому шагу;
  • Форма поиска « умная «: она автоматически отобразит последний поиск пользователя, если тот авторизован;
  • Основной призыв к действию (« Поиск «) контрастирует с фоном и выделяется, а вторичный призыв к действию виден в верней части.

3) Mint

  • Это супер простой дизайн с сильным заголовком и подзаголовком без сленга;
  • Домашняя страница обеспечивает безопасную, но спокойную атмосферу, что очень важно для продукта, который обрабатывает финансовую информацию;
  • Он также содержит простой и убедительный призыв к действию: « Зарегистрируйтесь бесплатно «. Дизайн CTA также замечателен — иконка в виде замочка попадает точно в цель, сообщая о безопасности еще раз.

4) Dropbox(Consumer)

  • Главная страница сайта Dropbox — пример предельной простоты. Ограничено использование рекламы и видеороликов, а также объединено все фоновое пространство;
  • По статическому скриншоту выше трудно понять, но этот оформления сайтов вариант привлекает внимание тонким использованием причудливой анимации в графике;
  • Подзаголовок — простой, но мощный: « Открывайте свои файлы где угодно и на любых устройствах, и без труда предоставляйте к ним доступ ». Не нужно расшифровывать какую-либо терминологию, чтобы понять, что делает Dropbox ;
  • Акцент на одном первичном призыве к действию: « Зарегистрируйтесь бесплатно «.

5) Dropbox(Business)

  • Это яркий пример обеспечения поддержки сайта для разной аудитории. Она отличается от главной страницы, которая изначально была создана для потребителя ( смотрите выше ). Бизнес-пользователи требуют больше информации, а также дополнительное подтверждение того, что Dropbox(Business) — безопасное и масштабируемое решение для компаний ( проблему восприятия Dropbox решает непосредственно на своей домашней странице );
  • Dropbox по-прежнему продолжает применять простой дизайн и брендинг. Он включает в себя только то, что важно: большое изображение с поддержкой рекламы и кнопку « Попробуй бесплатную 30-дневную ознакомительную версию «, призывающую к действию.

6) Whitehouse.gov

  • Создание сайта, который выступает за целую нацию — задача не из легких. Whitehouse.gov постоянно меняется, чтобы отразить главные проблемы и приоритеты. Тестирование и оптимизация — ключевой компонент блестящего дизайна домашней страницы;
  • Что особенно замечательно в Whitehouse.gov так это отличие от большинства сайтов, связанных c правительством. Он имеет чистый дизайн и способствует развитию сообщества;
  • Довольно легко найти то, что вы ищете, когда оказываетесь здесь. А если вы не можете сразу найти то, что нужно, есть удобное поле поиска.

7) 4 Rivers Smokehouse

  • В сочетании с большой картинкой для оформления сайта заголовок « ГРУДИНКА. 18 лет мастерства. Для вашего удовольствия » звучит заманчиво;
  • Прокрутка параллакса проведет для вас краткую презентацию услуг, меню и покажет людей, прекрасно проводящих время – прекрасное использование популярного дизайнерского тренда.

8) Cobb Pediatric Therapy Services

  • Заголовок и подзаголовок обращаются к эмоциональной стороне посетителей: « Работайте с компанией. Это стоит того. Доверьтесь нам. Мы были там тоже. Мы найдем вам работу там, где вы сможете полностью проявить себя » Это предложение является уникальным и убедительным;
  • Заголовок находится на вращающейся карусели, которая учитывает категорию посетителей, от соискателей до людей, ищущих психотерапевта для своих школ;
  • Есть несколько путей для посетителей, по которым можно пройти на страницу. Но призы к действию расположены хорошо, сформулированы просто и контрастируют с остальной частью страницы.

9) Jill Konrath

  • Дизайн простой и переходит прямо к делу. Из заголовка и подзаголовка сразу понятно, чем занимается Джилл Конрэт ( и как она может помочь вашему бизнесу );
  • Также предоставляется легкий доступ к аналитическим материалам Джил , что важно для установления ее авторитета в качестве основного докладчика;
  • Легко подписаться на рассылку новостей и установить контакт – два ее основных призыва к действию;
  • Включает в себя логотипы новостных каналов и отзывы, как социальное признание – все правила оформления сайта соблюдены.
Читайте также:  Как послать голосовое сообщение в контакте

10) Evernote

  • За эти годы Evernote превратился из простого приложения, сохраняющего записи в набор инструментов для бизнеса. Это не всегда легко передать на домашней странице, но Evernote проделал хорошую работу по компоновке возможных сообщений в несколько ключевых преимуществ;
  • Эта домашняя страница использует сочетание насыщенных, приглушенных цветов в видео, а также подписи ярко-зеленого и белого цвета, чтобы выделить их на общем фоне;
  • После простого заголовка (« Помни все »), взгляд останавливается на призыве к действию « Зарегистрируйтесь Бесплатно ».

11) Telerik by Progress

  • « Скучное предприятие » — это не то чувство, которое возникнет, когда вы зайдете на сайт Telerik . Компания предлагает множество технологий и продуктов, использует смелые цвета, интересные дизайны и видеосъемку с энергетикой подобно Google . Одним из важных аспектов является создание обстановки, чтобы посетители чувствовали себя желанными и знали, что имеют дело с реальными людьми;
  • Мне нравится простой, выполненный на высоком уровне обзор шести товарных предложений. Это абсолютно понятный способ сообщить о том, что делает компания;
  • Реклама несерьезная и легко читается. Они говорят на языке своих клиентов.

12) Boxbee

  • Заголовок представляет собой призыв к действию, направленный прямо на целевую аудиторию: предпринимателей, работающих в индустрии хранения данных;
  • Оформление главной страницы сайта имеет чистый и простой дизайн. Он подчеркивает заголовок, а затем сразу же демонстрирует первичный призыв к действию;
  • Этот первичный призыв к действию выделяется за счет контрастного цвета.

13) eWedding

  • Для влюбленных, планирующих важный день, eWedding – прекрасное место для создания свадебного сайта. Домашняя страница не загромождена и включает в себя только необходимые элементы;
  • Подзаголовок « Создано более чем 800,000 свадебных сайтов! » — это большое социальное доказательство;
  • Включает в себя отличные видеоролики продукта, отличный заголовок и убедительный призыв к действию, который уменьшает сомнения благодаря тексту: « Создайте сайт ».

14) Basecamp

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

15) charity: water

  • Это не типичный некоммерческий сайт. Большое количество видеороликов, творческой рекламы и использование интерактивного веб-дизайна выделяют его;
  • Анимированный заголовок в оформлении сайта — отличный способ собрать множество сообщений в одной строке;
  • Правильное использование видео и фото, особенно в плане получения эмоций, которые вызывает действие.

16) TechValidate

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

Данная публикация представляет собой перевод статьи « 16 of the Best Website Homepage Design Examples » , подготовленной дружной командой проекта Интернет-технологии.ру

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

Что входит в понятие «оформление сайта» в нашем понимании:

  1. Подбор цветовой гаммы для сайта;
  2. Формирование расположения текста, рисунков и видео материалов на страницах;
  3. Расположение информационных блоков (рекламы, комментариев, похожих статей и т.д.)
  4. Подбор шрифта (стиля и размера);
  5. Оформление элементов дизайна таким образом, чтобы было удобно посетителю.

Почему ещё важно ПРАВИЛЬНО оформить сайт?

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

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

  1. Правильно подана информация;
  2. Выделены главные элементы статьи;
  3. Есть дополнительные тематические ссылки;
  4. Цвета не «выедают» глаз;
  5. Явно выражены основные достоинства сайта.
  1. Человек дольше пробудет на странице;
  2. Просмотрит дополнительные страницы;
  3. Зарегистрируется;
  4. Оставит комментарий;
  5. Добавит сайт в закладки или социальные сети;
  6. Вернется на сайт ещё раз.
  1. Сайт будет лучше ранжироваться в поисковой выдаче;
  2. Поисковые системы будут уважать проект;
  3. Ресурс получит ещё больше целевой аудитории.

Теперь мы уверены, что за оформление сайта, вы возьметесь активнее, но а мы вам в этом с удовольствием поможем.

Как оформить сайт правильно?

Чтобы хоть как-то структурировать наши советы, мы разобьём их на страницы и главные элементы.

Цветовая гамма сайта

Создавая дизайн сайта, или дорабатывая его элементы, вы обязаны просто помнить о простом правиле: «На сайте должно быть не более 5-ти цветовых оттенков». Выбирать эти оттенки тоже нужно уметь, так как далеко не все цвета сочетаются. Помочь с этим могут специализированные сайты. Мне, например, очень по душе www.colourlovers.com – тут можно с легостью подобрать желаемую цветовую гамму с точными номерами цветов, а главное — посмотреть как они сочетаются. После чего, старайтесь во всех элементах использовать только эти цвета и оттенки.

Оформление главной страницы сайта

Главная страница сайт – это лицо сайта, оно должно быть безукоризненным, так как именно по нему можно оценить качество ресурса, объем проделанной работы, полезность, тематичность и его целостность. Вне зависимости от ниши сайта, главная страница должна иметь ссылки на все основные страницы сайта: разделы, статьи, важные информационные страницы (способ оплаты и доставки, например). Другими словами, чтобы человек, зайдя на главную страницу, понял по каким ссылкам нужно переходить, чтобы найти нужную информацию.

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

Если сайт небольшой (например, «Сайт-Визитка»), где нет особо страниц, а значит и ссылок, то на главной должен быть написан структурированный текст с тематическими картинками для наглядности.

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

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

Оформление внутренней страницы сайта

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

  1. На самом видном месте (в центре странице) должен находиться тот контент, за которым пришел человек (статья, видео ролик, фотографии и описание товара и т.п.).
  2. На втором месте по важности должна находиться реклама (дабы по ней кликали), либо же кнопка или форма для оформления заказа. Это нужно сделать для того, чтобы клиент просто так не ушел от вас. Возможно, это несколько назойливо, однако если знать меру (дозировать рекламу и не делать форму/кнопку большой), то всё будет отлично. Такие элементы помещают обычно после статьи или с правой или левой стороны, как можно выше.
  3. На третьем месте по важности будет находиться навигация по сайту: меню, похожие товары/статьи и другие интересные и полезные ссылки. Этими ссылками мы забиваем остальное пустое место, но опять же, не перебарщиваем, дабы сайт «дышал».
Читайте также:  Как оформлять группу в контакте

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

Отдельное место занимает оформление текста. Несмотря на его содержание, он должен визуально легко читаться, с первого взгляда должна быть сразу понятна суть, структура, важные фразы и наглядные примеры. Даже и не думайте о сплошных «простынях» текста, где нет даже элементарных абзацев. Для того чтобы текст смотрелся интересно — стоит использовать максимум возможных выделений в нём (но без фанатизма): жирный, курсив, маркеры, цитаты и т.п. Кроме того, не идите на поводу у непрофессиональных SEO-оптимизаторов, которые твердят, что нужно выделять ключевые слова в тексте – это глупость, за которую поисковые системы серьезно наказывают (фильтром, а иногда даже баном). Также можно использовать заголовки, они визуально структурируют статью для пользователей, это в принципе нравится поисковым системам, но если вы не разбираетесь в заголовках, то лучше их вообще не использовать.

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

Оформление «шапки» сайта и «подвала»

Помните поговорку: «Встречают по одежке, а провожают – по уму!». Причём одеждой у нас выступает именно «шапка» сайта или говоря русским языком – верхняя его часть. Шапка должна задавать тематику сайта. От того насколько она профессионально нарисована, и будет зависеть мнение о профессионализме авторов. Если у вас нет навыков, то рекомендуем шапку сделать как можно меньше, оставив на том месте лишь логотип и меню, такой минимализм не создаст ненужного впечатления и гостю придется оценивать проект по его наполнению.

Многие забывают о «подвале» сайта, то есть нижней части, а зря! Дело в том, что большинство посетителей, дочитывая статью до конца, невольно прокручивают страницу до самого низа, в надежде увидеть другие полезные моменты или просто оценить сайт. Поэтому мы рекомендуем поместить в футер (подвал), тематические и полезные ссылки, которые, скорее всего, пригодятся пользователю. Если сайт коммерческого плана, то лучше всего в футер расположить портфолио выполненных работ или отзывы клиентов. Кроме того, не забудьте указать год основания проекта, чем больше возраст – тем больше доверия и серьезнее отношение к нему.

Между шапкой и подвалам есть связь – это фон, поэтому ему тоже следует уделить внимание. В принципе, он решает, какое настроение задать сайту (веселое, серьезное, нейтральное и т.п.). В развлекательных тематиках фон должен быть ярким и запоминающимся, например с левой и правой стороны от основного контента, на фоне можно разместить двух героев (зло и добро). Очень хорошо работают фоны, которые уже имеют в себе какой-то смысл (их хочется разглядывать и изучать). Ещё фоны можно менять, в каждом разделе устанавливая свой, дабы указать на тематичность.

Оформление боковой колонки (сайд-бара) сайта

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

Если нет возможности указать, на каких страницах будет боковая колонка, а на каких нет, то делайте следующим образом: если сайт ваш большой (содержит огромное количество полезной и тематической информации), то делайте две узкие колонки. Если проект достаточно узок или наоборот — слишком обширен (обще тематические Интернет-журналы, например), то тогда используйте одну колонку (шириной 300 или 240 пикселей, чтобы поместились основные типы рекламы и стандартных баннеров).

Старайтесь сайд-бар делать максимально незаметным, чтобы в нём не было ярких баннеров, пёстрых элементов дизайна и бесчисленное количество картинок. Это работает лишь в том случае, если вы хотите заставить посетителя порассматривать весь проект, а не конкретную статью. Однако следует ещё понимать, что в 90% случаев пользователи очень ленивы и они, прежде всего, хотят получить информацию за которой пришли, а уже потом готовы читать нечто схожее, если даже оно полезное.

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

В своей статье мы часто упоминали о норме: советовали не перебарщивать, так вот найти эту норму получится при помощи личных навыков, проб и ошибок, поэтому не бойтесь экспериментировать с оформлением сайта и анализировать полученный результат.

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

Время чтения: 11 минут Нет времени читать? Нет времени?

Почему важно красиво и правильно оформлять Instagram

Есть русская народная мудрость: по одежке встречают, по уму провожают. Она применима и к Instagram – как только человек попадает на вашу страницу, он оценивает ее и принимает решение о подписке. Вот факторы оценки (добавьте, если я ошибаюсь):

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

Кстати, хороших врагов нужно еще заслужить 😉

Вывод: внешний вид вашего аккаунта таки влияет на то, сколько ваших подписчиков в итоге станут вашими покупателями или поклонниками. Или кого вы там хотите привлечь.

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

Как выбрать ник для аккаунта

Ведете блог или творческую страницу? Если вас не зовут Евлампиада, то, скорее всего, ваше имя уже занято для использования. Тогда рекомендую поиграть в ассоциации: например, Таня Казакова выбрала короткое @fitlife_beauty. Ассоциации ясны, если владеете английским.

Для бизнес-страницы все тоже довольно просто: можете указать название бренда и направление деятельности. Пример: @nikesportswear. Более чем понятно. Или можете сделать именем профиля запрос, по которому люди будут искать ваш аккаунт: «ноготочки омск», например. Только используйте общепринятые сокращения: Калининград – Klg, а не Kal (названия городов из авиаперелетов вам в помощь).

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

Попробуйте поиграть с точкой, если желаемый ник занят: @s.tradivari. И учитывайте, что количество знаков — не более 30.

Не буду писать о том, где именно в настройках прописывать ник. Все технические нюансы – в этом гайде.

Что нужно помнить об индексации в Instagram

Поиск можно осуществить по нику, хештегу и геометкам. Поэтому:

  • Делайте свой ник простым и запоминающимся – пользователю должно быть легко найти вас в поиске соцсети.
  • Используйте хештеги в описании профиля, потому что на них теперь можно подписаться и, следовательно, отыскать вас.
  • Указывайте географическое положение, если ищете аудиторию узкой локации (город, область).
Читайте также:  Как выйти из яндекс навигатора на андроид

Грамотное описание профиля: ссылка, эмодзи и хештеги

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

Пример: для интернет-магазина эксклюзивных тканей из Европы мы использовали слоган “UNIQUE FABRICS AND SEWING KITS”. Нас отлично понимают те дизайнеры и мастера по пошиву, который приобретают уникальные дизайнерские ткани от DG, Dior, Barberry и знают их ценность. Мы не ориентируемся на покупателей дешевых тканей в оптовых закупках из Узбекистана (как вариант).

Укажите способы связи – только не для галочки, а достоверные. Вы должны регулярно проверять e-mail, отвечать на звонки по номеру телефона, быть готовыми встретить покупателей по адресу (если есть офлайн-магазин).

В разделе «Веб-сайт» укажите ссылку на сайт.

Если у вас несколько каналов продвижения, и вы отслеживаете трафик с помощью систем веб-аналитики, – создайте UTM для ссылки из Instagram с помощью специальных сервисов. На мой взгляд, удобнее всего инструмент от Tilda, но вы можете выбрать любой подходящий.

UTM-метка нужна, если вам нужно не просто идентифицировать площадку, но и получить дополнительные данные. Например, когда интересно не только то, что пользователь перешел из «Инстаграм», а вы хотите четко знать, поступил ли он после переписки в директе, перешел из описания профиля или с рекламы в сторис у блогера. При грамотной настройке можно посчитать не только число переходов по ссылкам, но и количество лидов и оплат/покупок.

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

Описание профиля ограничено 180 символами, поэтому используйте смайлики для сокращения и визуального выделения структурных разделов описания. А еще использование эмодзи помогает придать тексту эмоциональности. Так телефон, способы доставки (самолет, почта и др.) проще отделить графическим знаком, чем писать слово.

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

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

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

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

О том, как правильно делать аватар для профиля, я писала в своем инстагайде.

Stories Highlights: учимся размещать архивные «Истории»

Highlights — это «Истории», которые отображаются под описанием профиля и не удаляются через 24 часа.

Как сделать Stories Highlights

Чтобы перенести вашу «Историю» в Highlights, нажмите после публикации «Выделить» → «Добавить в Актуальное». Таких разделов можно сделать несколько.

Для Stories Highlights можно выбрать название и добавить обложку (ее можно редактировать).

Обложку можно кадрировать на ваше усмотрение.

Если вы добавляете новые «Истории» в архивы, то обновленные разделы будут в списке самыми первыми.

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

Требования к баннерам в сторис:

  • Соотношение сторон от 1:91 до 4:5.
  • Рекомендуемое разрешение: 1080 x 1920, минимум: 600 x 1067.

Что размещать в «Историях»

  1. Отдельные каталоги ваших товаров и услуг, сведения о доставке и оплате. Акции и распродажи, обновление ассортимента. И, конечно, публиковать отзывы клиентов.
  2. Рубрики, под которыми выходит ваш контент в сторис.

Кстати, в «Историях» теперь можно делиться постами (своими и чужими), поэтому легко делать любые подборки. Например, собрать в архиве все розыгрыши/конкурсы. Или рецензии на прочитанные книги. Или ваши опубликованные статьи (если у вас есть возможность прикреплять ссылки в сторис, можно сразу вести читателей из Instagram на сайт). Путешествия, интервью, ремонт, косметика – что только не встретишь у блогеров.

  1. Анонсы значимых событий и мероприятий, если вам кажется что стоит привлечь к ним особое внимание.
  2. Информацию о себе, своей команде или проекте.
  3. F.A.Q. (ответы на вопросы). Например, как оформить заказ или как добраться до магазина. В F.A.Q. можно отвечать на любые вопросы от ваших подписчиков.

Создаем уникальный стиль Instagram: 2 правила и 3 способа оформить посты в профиль

Есть два основных правила, которые нужно умудриться соблюдать одновременно:

  1. Все что вы делаете, вы делаете для тех людей, которых считаете целевой аудиторией проекта.

Лирическое отступление. Некоторые считают, что аналогии бессмысленны. Но только не я. Играла тут с дочкой в «Лего». Маша строила неустойчивые домишки, инопланетянские курятники и прочие психоделические постройки. И задавала мне один и тот же вопрос: «Как тебе?» Так вот – как ребенок строит из конструктора, только чтобы узнать мнение родителя о его постройках, так и оформление вашего аккаунта в «Инстаграм» – оно не для вас. То есть на вопрос «Как тебе?» должны отвечать ваши потенциальные клиенты. Не жена (или муж). Не жена/муж редактора. И не вы сами.

  1. Если будете учитывать мнения всех сторонних наблюдателей оформления, никогда не услышите единогласного мнения.

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

А теперь к способам:

  1. Единое цветовое пространство (гамма, если вам удобно). Один фильтр на все фото – самый легкий способ постобработки фотографий.

  1. Шахматка. Она уже всех утомила, но как способ оформления остается актуальной. Можно попробовать найти более современный вариант ее исполнения.

  1. Коллажи. Можно делать на отдельных постах или запилить весь аккаунт (все те же пресловутые инста-лендинги, только круче). Я считаю, что тратить ресурсы на коллажирование всего аккаунта не имеет смысла, но если делаете для души, почему бы и нет.

Делаем тексты для публикаций привлекательными: 5 приемов, о которых не все знают

  1. Теперь текст в Instagram убирается под плашку «Читать полностью». И ПОЭТОМУ МНОГИЕ ПИШУТ ЗАГОЛОВКИ ВОТ ТАК. В принципе, как вариант. Например, для слабовидящих :-). Советую начинать с вопросов и провокаций.
  2. Разделяем текст на абзацы. Пожалуйста. Если много текста, лучше уберите часть в первый комментарий. Пользуетесь программой автопостинга? Там даже есть функция первого комментария под публикацию.
  3. Хештеги убирайте в подвал или вписывайте органично в текст. Главное требование – #не#писать#вот#так#это#ужасно#раздражает.
  4. Используйте смайлы для выделения ключевой информации или для эмоциональности.
  5. Используйте визуальные разграничители: это могут быть отчеркивания и, конечно, эмодзи.

Обработка фото и видео в Instagram: 15+ полезных ссылок

Собрала подборку всех необходимых статей для оформления вашего инстаграм-профиля.

Инструменты для фото и видео:

А закончить статью хочется словами Джеффри Зелдмена: «Контент предшествует дизайну. Дизайн без контента не дизайн, это – художественное оформление». Так что уделяйте внимание не только визуализации, но и содержанию – текстам, идеям, смыслам. Творите и вдохновляйте! А за профессиональным оформлением Instagram и других соцсетей обращайтесь к нам 😉

Комментировать
7 просмотров
Комментариев нет, будьте первым кто его оставит

Это интересно
No Image Компьютеры
0 комментариев
No Image Компьютеры
0 комментариев
No Image Компьютеры
0 комментариев
Adblock detector