Как правильно оформить шапку профиля Инстаграм

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

  • Что такое шапка профиля Инстаграм
  • Как оформить шапку профиля в Инстаграм
  • Секреты и лайфхаки для красивой шапки
  • Хорошие и плохие примеры оформления шапок профиля
  • Заключение

Что такое шапка профиля Инстаграм

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

Пример шапки профиля в мобильной версии Instagram

А это отображение шапки в десктопной версии:

Пример шапки профиля в десктопной версии

Почему важно ее правильно сделать

Шапка профиля должна отвечать нескольким требованиям:

  • Информативность. Бренд легко найти в поиске Инстаграм по названию или ключевым словам. Тематика канала понятна из описания. Также пользователь может задать вопрос компании через ссылки в директ, мессенджер или по номеру телефона.
  • Привлекательность. Профиль и шапка отвечают критериям единого оформления. Описание и посты выделяются среди конкурентов.
  • Доверительность. Текст и аватар должны показывать пользователям, что у вас законный бизнес и вы не занимаетесь мошенничеством.
  • Грамотность. Проверяйте текст на ошибки и соблюдайте правила написания постов.

Рекомендуем к прочтению! Узнайте о том, как развивать Instagram:

  • «Кто такие гости в Инстаграм и как на них настроить рекламу»,
  • «Как набрать подписчиков в Instagram в 2021 году»,
  • «Как использовать Guides в Instagram для органического продвижения»,
  • «Тренды Instagram 2021, которые сделают ваш аккаунт более вовлекающим для подписчиков»,
  • «Как создать контент-план для Инстаграм. Правила, советы, примеры»,
  • «Как создать шаблоны для Инстаграм: руководство по креативам»,
  • «Что бизнесу публиковать в соцсетях: 23 идеи постов на каждый день + бонус»,
  • «Идеи для сторис: подборка из 45 вариантов»,
  • «Возможности и интересные фишки Instagram Stories»,
  • «Как создать чат-бота в Инстаграм для бизнеса»,
  • «Продвижение бизнеса в Instagram для магазинов: подробная инструкция»,
  • «Какой бывает реклама в Инстаграм и как ее настроить»,
  • «Эффективная таргетированная реклама в Facebook Ads — советы»,
  • «Из чего состоит статистика в Инстаграм и на что она влияет».
Чат-боты в Іnstagram

Конвертируйте подписчиков Instagram в постоянных клиентов, автоматизируйте общение с клиентами и улучшайте продажи в Instagram Direct!

Как оформить шапку профиля в Инстаграм

А теперь рассмотрим элементы шапки и выясним, как правильно оформить аккаунт.

Чтобы оформить шапку, нажмите на странице аккаунта «Редактировать профиль».

Настройки шапки профиля

Аватар

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

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

Пример аватара для личного блога

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

Вариант логомарка для бизнес-аккаунта компании

Примечание. Логомарк — это иконка логотипа, но без букв и цифр.

Ник и имя

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

Примечание. Никнейм пишется латиницей, поэтому старайтесь избегать неоднозначности, если слово должно звучать на русском языке. К примеру, буква «я» встречается в таких вариантах: «ya», «ja» или «ia». Из-за этого пользователю сложно будет найти вас в поиске. Что делать: расскажите пользователям, как правильно искать компанию.

Здесь показан скриншот аккаунта, в названии которого используется ключевой запрос «банк» на латинице.

Пример никнейма компании с ключевым словом

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

Примечание. Имя можно написать не только латиницей, но и кириллицей.

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

Описание профиля в Инстаграм

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

Категория вида деятельности

Это краткое описание профиля в Инстаграм — чем занимается компания.

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

Ниже показаны категории, которые можно выбрать в настройках. Вы можете добавить предложенный вариант из рекомендаций или использовать поиск.

Настройки категории в аккаунте Инстаграм
Презентация блога или бренда

Это текст, в который можно добавить до 150 символов.

Пример описания профиля: информация об авторе, упоминание каналов и контакты фотографа

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

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

Пример описания, в котором автор говорит о себе и своих интересах, деятельности

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

А если вы ведете аккаунт компании — покажите УТП, особенности продукта, добавьте адрес и контакты, которые, например, можно вынести в мультиссылку: сайт, соцсети, видеоматериалы и тому подобное.

Вариант описания для компании с преимуществами и особенностями, а также адресом организации

Важно! Приложение Инстаграм скрывает часть текста, поэтому пользователь увидит первые 123 символа, как в примере ниже.

Пример плохого описания к профилю, так как текст обрывается на середине предложения, которое является призывом к действию
Упоминание

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

Ниже показан вариант, как можно использовать упоминания в описании.

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

А это упоминание в описании аккаунта компании. Благодаря нескольким профилям бренд смог разделить два вида деятельности: создание семейных фотоальбомов и изготовление крафтовых валенок.

Пример упоминания в описании бизнес-аккаунта компании
Хэштег

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

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

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

Важно! Используйте диплинк, если ссылка ведет на конкретную страницу. URL с UTM-метками полностью не входит в строку и выглядит некрасиво.

Ниже — плохой пример добавления ссылки:

Пример плохого размещения ссылки в шапке профиля

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

Пример мультиссылки в профиле

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

Конструктор позволяет работать с текстом, кнопками, обложками, изображениями, товарами, видеоматериалами, вариантами оплаты и FAQ. Также лендинг можно связать с бесплатной CRM, чат-ботами в мессенджерах и email. Таким образом, можно создать омниканальную систему на всех этапах воронки продаж.

Вариант готового шаблона мультиссылки в SendPulse
Простой, но мощный конструктор лендингов

Создайте мобильный лендинг, интернет-магазин или мультиссылку для Instagram и продвигайте ее через чат-боты в мессенджерах, email и SMS — все это на одной платформе!

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

Добавляйте в шапку призыв к действию, чтобы мотивировать пользователей пойти с вами на контакт. Например, «Забронируйте место», «Запишитесь на прием», «Свяжитесь с нами», «Подписывайтесь», «Участвуйте в розыгрыше».

Размещение призыва к действию в шапке профиля

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

Примечание. Здесь призыв к действию добавлен в адрес компании — строка в настройках «Точный адрес». Помните, что весь текст в этой строке будет переводить на карты и показывать местоположение компании.

Пример расположения призыва к действию под ссылкой
Адрес компании

Чтобы добавить адрес в описании, вам понадобится бизнес-аккаунт. На своей странице нажмите «Редактировать профиль», затем перейдите в раздел «Способы связи» и выберите «Адрес компании».

Примечание. После ввода данных обязательно отметьте «Показывать контактную информацию» — и адрес появится на странице.

Настройки адреса компании

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

Настройки местоположения организации

Ниже показан пример отображения адреса в описании аккаунта:

Пример отображения адреса в описании

Важно! Адрес работает как ссылка. При нажатии на него пользователю открываются карты, на которых он может посмотреть расположение магазина или офиса компании.

Контакты

Информацию о контактах можно добавить в настройках, указав номер телефона, email и ссылку на WhatsApp.

Важно! Контакты отображаются в приложении на смартфоне в виде кнопок.

Пример контактов в аккаунте: номер телефона и email:

Кнопки с несколькими контактами: номер телефона и email

Вариант контактной информации с email:

Одна кнопка с email

Примечание. Facebook запустил новые продукты, например, в приложении Instagram появилась кнопка «WhatsApp», которая перенаправляет клиента в мессенджер, чтобы он мог задать вопрос менеджеру или начать общение с чат-ботом.

Кнопка «WhatsApp» для связки двух приложений

Это связка WhatsApp Business и Instagram:

Несколько контактных данных: номер телефона и мессенджер WhatsApp

Добавить номер телефона и ссылку на WhatsApp можно в разделе «Способы связи»:

Раздел «Способы связи», через который можно добавить контактную информацию
Откройте для себя чат-бота в Іnstagram

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

Кнопки

К описанию можно добавить несколько кнопок: «Смотреть магазин», «Заказать еду», «Забронировать» или «Зарезервировать».

В бизнес-аккаунте вы можете создать интернет-магазин с товарами. Для этого перейдите в «Настройки» и зайдите в раздел «Компания». Внизу страницы будет ссылка «Настроить Instagram Shopping».

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

Рекомендуем к прочтению! Узнайте, как продавать в Инстаграм.

Настройка интернет-магазина в приложении Инстаграм

Перед вами откроется окно, в котором вы сможете начать добавление товаров:

Создание магазина в приложении

Ниже — пример отображения кнопки на магазин:

Кнопка «Смотреть магазин» в профиле

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

Настройка кнопок действия

Это пример кнопок действия в аккаунте:

Кнопки действия в профиле кафе

В сервисе SendPulse появился чат-бот для Instagram. При нажатии на кнопку «Написать» пользователь начинает общение в директ с чат-ботом.

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

Рекомендуем к прочтению! Узнайте, как настроить чат-бота в Инстаграм.

Пример, как можно настроить приветственную цепочку чат-бота

Секреты и лайфхаки для красивой шапки

В Instagram можно украсить шапку с помощью дополнительных сервисов. Рассмотрим варианты креативных решений.

Изменить шрифт

Чтобы создать интересный текст — измените шрифт с помощью следующих инструментов.

Сервисов — Piliapp, Fonts For Instagram, LingoJam.

Интерфейс ресурса Fonts For Instagram

Приложений — I Fonts – Cool & Stylish Fonts for Instagram, Fonts Art.

Например, приложение Fonts Art помогает подключить клавиатуру с готовыми шрифтами и поменять текст напрямую в приложении Инстаграм.

Работа в приложения Fonts Art

Telegram-ботов — @TexterAsBot или @TextMagicBot.

Шрифты в чат-боте

Рекомендуется к прочтению! «Бот для Инстаграм: подборка полезных помощников в Telegram».

Это вариант применения декоративных шрифтов в описании:

Вариант использования разных шрифтов в описании профиля

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

Добавить символы

Чтобы добавить символы, можно использовать таблицу Юникода, например, в Windows через Microsoft Word. Либо использовать онлайн-ресурс — Cool Symbol.

Выберите понравившийся символ, скопируйте его и вставьте в описание.

Интерфейс сайта Cool Symbol

Изменить межстрочный интервал

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

Интерфейс ресурса Apps4Life

Примечание. Также вы можете загрузить приложение и пользоваться сервисом со смартфона. Услуга платная.

Хорошие и плохие примеры оформления шапок профиля

В этом разделе рассмотрим хорошие и плохие варианты оформления профиля.

Хороший пример — магазин ортопедических матрасов.

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

Шапка профиля в Инстаграм: примеры оформления разделов

Плохой пример — фабрика по изготовлению товаров для сна: матрасы, кровати, подушки и так далее.

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

Ссылка с UTM-меткой длинная и не вмещается полностью в строку. Но в данном аккаунте есть магазин и для него оформлена кнопка.

Плохой пример оформления шапки профиля

Хороший пример — лежанки для кошек и собак.

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

Пример оформления шапки для магазина товаров для животных

Плохой пример — товары для собак.

Название аккаунта лучше разделить символом «|». Далее идет описание: первые три пункта сделаны хорошо, но хештег не подходит для шапки — это высокочастотный зпрос, а в описание нужно добавлять только то, что касается непосредственно аккаунта.

Отзывы размещаются в отдельном аккаунте — пользователь не будет совершать большое количество переходов, поэтому раздел с отзывами желательно пересмотреть. Ниже есть призыв, но надпись «Директ» можно убрать и оставить только ссылку на WhatsApp.

Пример плохого оформления шапки для магазина товаров для собак

Хороший пример — туристическое агентство.

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

Хороший пример оформления шапки для туристического агентства

Плохой пример — гид из Сочи.

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

Номер телефона можно указать в контактах и дополнительно добавить в мультиссылку.

Плохой пример оформления шапки в аккаунте гида из Сочи

Заключение

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

  • Аватар должен показывать ваше лицо или отражать бренд: логотип, логомарк, изображение продукта.
  • Логин включает в себя название бренда или ключевое слово.
  • Имя отражает род деятельности или суть проекта для компании. Если у вас личный бренд — используйте имя и фамилию с добавлением ключевого запроса.
  • Описание — это презентация бренда. Вы можете рассказать о себе, своих интересах или УТП компании. Обязательно делите текст на строчки и добавляйте эмодзи там, где это уместно.
  • Призыв к действию помогает людям понять, что вы от них хотите. Не забывайте добавлять его в описание.
  • Контакты и ссылки — разместите контактную информацию в мультиссылке, а номера телефонов и email добавьте в кнопку «Контакты».
  • Если у вас большое количество продукции — подключите интернет-магазин в приложении.
  • Хэштеги и упоминания. Если у вас есть смежные проекты или уникальные теги — обязательно расскажите об этом подписчикам.

Создавайте мультиссылки в сервисе SendPulse, а также используйте другие наши инструменты: добавляйте бесплатную CRM-систему, отправляйте email, Viber и SMS рассылки, подключайте push уведомления, а также настраивайте чат-боты в мессенджерах Facebook Messenger, Instagram, Telegram, Viber и WhatsApp!

как сделать главную страницу в 2020 — Торговля на vc.ru

Мы провели исследование: взяли 20 крупнейших e-commerce в России и рассмотрели их дизайн под микроскопом.

10 148 просмотров

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

В Ratio мы занимаемся веб-разработкой на заказ: создаём сайты и веб-сервисы, в том числе для e-commerce. В этом году провели исследование, чтобы понимать, в какую сторону развивается UX в сфере онлайн-торговли.

Я директор и участвовал в исследовании как консультант, а сотрудники Ratio собирали и анализировали UX-решения. Данные актуальны на сентябрь 2020 года.

Изначально мы не планировали показывать исследование кому-то за пределами Ratio, но результаты вышли настолько интересными, что ими захотелось поделиться.

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

Учитывайте, что это первый материал из цикла: мы исследовали не только главные страницы. Будут материалы про каталог, карточку товара и раздел со скидками.

Статьи будут публиковаться на разных площадках, так что подписывайтесь на телеграм-канал @panfilovonline — там я буду выкладывать ссылки по мере их появления.

Какие сайты мы исследовали

Для анализа выбрали 19 онлайн-магазинов, стараясь выцепить крупнейших игроков в основных секторах потребительского рынка: электроника, одежда, стройматериалы, спорт и маркетплейсы «всё-в-одном».

Дополнительно взяли Яндекс.Маркет — это агрегатор цен, но по UX-дизайну он похож на полноценный интернет-магазин.

Кстати, скоро он действительно станет магазином. Яндекс.Маркет и Беру объединяются под одним брендом, но когда мы взялись за исследование, об этом ещё не было известно.

Зачем нужна главная страница

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

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

Для известных онлайн-магазинов главная страница — это рекламный хаб и множество переходов в каталог через тематические подборки.

Главная страница книжного магазина Book24, разработкой которого мы занимались.

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

Подвал как бы заменяет страницу «О компании» — кратко обрисовывает круг её интересов, а также даёт ссылки на корпоративные медиа и соцсети.

Получается, что у главной страницы четыре глобальных задачи:

  1. дать пользователю доступ к элементам управления
  2. предоставить ссылки на FAQ о доставке и оплате
  3. расставить точки перехода в каталог — с помощью рекламы распродаж и тематических подборок товаров
  4. коротко дать понять, в какой сфере работает компания

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

Шапка сайта и меню

Первое, что мы заметили: многие магазины отказались от закреплённой шапки при скролле. Скорее всего, это связано с увеличением мобильного трафика: лишняя плашка мешает на небольшом экране. Шапку до сих пор закрепляют М.Видео, DNS, Спортмастер, ВсеИнструменты.ру, Петрович, Детский мир.

Иногда шапка не просто остаётся на экране, а изменяется: сжимается по вертикали и теряет часть функций

(Спортмастер).

Выше шапки часто можно найти узкую плашку со ссылками на основные информационные разделы: про оплату, доставку, возврат и статус заказа. Иногда ссылки объединяются в раздел «Помощь» (Asos, DNS, Декатлон, Спортмастер). Декатлон разместил кнопку раздела в шапке, не вынося её на отдельную плашку.

Порой плашка со вспомогательной информацией находится под шапкой (Беру, ОНЛАЙН ТРЕЙД.РУ).

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

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

Также наверху есть выбор города, как правило в левой части экрана — на плашке или в шапке. У Яндекс.Маркета, Беру, Петровича и Book24 город нужно указывать справа. При этом есть магазины, которые не дают выбрать город вообще (Asos, Bonprix) — это значит, что география не влияет на цену товара, указанную в карточке.

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

(Декатлон).

Чтобы облегчить выбор товара, магазины добавляют в шапку кнопки «Избранное» и «Сравнить».

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

Часто «Избранное» и «Сравнить» работают даже без регистрации (Яндекс.Маркет, OZON, Asos, М.Видео, Связной, DNS, Спортмастер, Декатлон, Bonprix)

.

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

Рекламные баннеры

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

Основной слайдер занимает всю ширину области просмотра (Беру, М.Видео, DNS, Wildberries, Bonprix, Спортмастер, Декатлон, Детский мир).

На некоторых сайтах слайдеры не такие широкие. Тогда рядом появляется место для парочки статичных баннеров

(Lamoda, Book24, ОНЛАЙН ТРЕЙД.РУ, Ситилинк, Петрович).

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

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

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

(OZON, М.Видео, Book24, М.Видео), важных новостях (Беру) или напоминают про бесплатную доставку до магазинов сети (Декатлон).

На сайте М.Видео есть дополнительный узкий баннер под шапкой.

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

Маркетом.

Продающие виджеты

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

Свои виджеты могут быть у крупных распродаж и популярных категорий товаров (OZON).

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

На некоторых сайтах виджеты также появляются рядом с основным слайдером. Частый выбор для этого места: виджет с товаром дня

(Юлмарт, ОНЛАЙН ТРЕЙД.РУ, Связной, Эльдорадо).

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

Подвал

В футере интернет-магазины делают хаб с самым важным о компании. Там размещают ссылки на:

  • FAQ
  • информацию для партнёров и сотрудников
  • рейтинги и дочерние проекты
  • соцсети и корпоративные медиа

При этом полной карты сайта в подвале, как правило, нет. Ссылка на каталог иногда остаётся, но подробно по разделам он не расписывается (Bonprix, М.Видео, ОНЛАЙН ТРЕЙД.РУ).

Схема главной страницы

Проанализировав 20 сайтов, мы расписали универсальную схему главной страницы, в которой используются все популярные информационные блоки:

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

Подписывайтесь на Telegram-канал

Чтобы не пропустить другие материалы с результатами исследования, подписывайтесь на мой телеграм-канал @panfilovonline. Не все статьи будут опубликованы на vc.ru, поэтому телеграм-канал — единственный способ собрать все статьи.

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

Основной контент исследования: Артём Полтавцев — редактор, UX-писатель. Оформление статей: Катя Шведюк — дизайнер.

Бейсболки и бейсболки на заказ — дизайн и создание онлайн

В Hatstore мы предлагаем вам возможность создать собственную бейсболку. Кепки, которые вы можете спроектировать, поставляются Yupoong и Mitchell & Ness, что обеспечивает высочайшее качество и идеальную посадку. Вы можете выбрать из нескольких разных кепок, которые отличаются как по типу модели, так и по цвету. Время доставки очень важно для нас. Поэтому у нас есть ресурсы, чтобы быстро изготовить вашу специально разработанную бейсболку. Это означает, что кепки с индивидуальной вышивкой доставляются почти так же быстро, как и другие наши кепки. Иногда это может занять дополнительный день сверх обычного времени доставки. Таким образом, срок поставки самодельных кепок по-прежнему составляет всего 2-5 дней.

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

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

Кепка или шапка с вашим собственным логотипом

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

Кепки для продвижения компании и фирменные кепки

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

Мы предлагаем фирменные бейсболки всех популярных моделей, таких как Snapback, Flexfit, регулируемые и Trucker. Вы можете комбинировать свой выбор и смешивать модели с разными стилями дизайна. Благодаря низкому минимальному объему заказа вы даже можете индивидуально настроить свои фирменные кепки, если вам, например, нужен логотип компании спереди, а затем имя человека сбоку кепки или шапки. Если вы заказываете более 100 единиц продукта, пожалуйста, свяжитесь с нашей службой поддержки клиентов, чтобы получить предложение.

Покупайте бейсболки в Hatstore — широкий ассортимент стилей на любой вкус

Флексфит

Черный Flexfit Wooly Combed — Flexfit

24,99 $

Митчелл и Несс

Hatstore Exclusive x Chicago Bulls 96 Champions Black Snapback — Mitchell & Ness

$29,99

Юпун

Черный/черный Snapback — Yupoong

24,99 $

47 Марка

Chicago White Sox Cold Zone 47 Mvp DP Wool Black Adjustable — 47 Brand

25,19 $ $27,99

Митчелл и Несс

Chicago Bulls Playoff Wins White/Black Snapback — Mitchell & Ness

$29,99

47 Марка

Нью-Йорк Янкиз MVP классический красный регулируемый — 47 Марка

27,99 $

47 Марка

Pittsburgh Pirates Sure Shot MVP, черный, регулируемый — 47, бренд

22,39 $ $27,99

Митчелл и Несс

Chicago Bulls Day 3 Black/Grey Snapback — Mitchell & Ness

$29,99

47 Марка

Нью-Йорк Янкиз MVP Келли регулируемый — 47 Марка

27,99 $

47 Марка

Boston Red Sox 2 Tone Clean Up White Регулируемый — 47 Марка

27,99 $

47 Марка

Майами Марлинс Sure Shot MVP Черный Регулируемый — 47 Марка

27,99 $

47 Марка

Детройт Тайгерс MVP Кость Регулируемая — 47 Марка

22,49 $ $24,99

Митчелл и Несс

Blank Black Snapback — Mitchell & Ness

27,99 $

Мало на складе

Митчелл и Несс

Chicago Bulls Xl Logo Pop Black Snapback — Mitchell & Ness

$34,99

47 Марка

New York Yankees MVP, белый/черный, регулируемый — 47, бренд

27,99 $

Братья Гурин

Hatstore Exclusive x The Panther Brown/Black Trucker — Goorin Bros.