Различные способы оформления страниц цифровых продуктов

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

Например, вот как выглядят страницы продуктов для велосипедов Peloton, одежды Macy's и Truth Bars:

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

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

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

• электронные книги и другие документы,
• Медиафайлы и другие лицензионные файлы,
• Курсы.

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

Различные способы дизайна страниц цифровых продуктов для мобильных устройств

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

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

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

Дизайн страницы продукта электронной книги

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

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

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

Возьмем пример Smashing Magazine. Хотя он может и продает свои электронные книги через Amazon, у него также есть специальный раздел «Книги» на веб-сайте. И я предполагаю, что через сайт проходит больше продаж, чем через Amazon… по ряду причин.

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

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

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

Описание книги представлено в ясной и понятной форме. Нет никаких отвлекающих факторов на пути продвижения других книг или рекламы.

И вскоре заинтересованным читателям предоставляется возможность прочитать предварительный просмотр книги:

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

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

Еще один элемент, который вы должны включить на целевую страницу электронной книги, — это раздел об авторе (авторах).

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

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

Раздел оглавления полезен по ряду причин:

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

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

Тот факт, что это цифровой продукт, не означает, что читателям не нужно социальное доказательство, чтобы перейти от «Звучит интересно» к «Мне нужно это прочитать». Фактически, это большая часть того, что помогает электронным книгам продаваться на таких платформах, как Amazon и Barnes & Noble.

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

Дизайн страницы медиа-продукта

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

• Картинки,
• Ролики,
• Иконы,
• Музыка,
• Звуковые эффекты,
• Видео,
• Шрифты,
• Дизайн темы или шаблоны,
• Плагины.

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

Тогда почему мы вообще говорим об этом?

Есть два момента, которые я хочу сделать:

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

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

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

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

Это целевая страница шрифта Mostra Nuova:

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

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

Вам также не нужно следовать правилам рынка. Ваш бренд и его продукты на первом месте:

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

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

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

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

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

Что касается продажи медиа на вашем веб-сайте, у вас есть несколько вариантов. Вы можете поступить так, как это делает Mark Simonson Studio, и предоставить длинный список ссылок на места, где продается шрифт:

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

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

Дизайн страницы продукта курса

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

• У Coursera более 68 миллионов учащихся.
• На Udemy учатся 35 миллионов человек.
• На edX учатся более 20 миллионов человек.

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

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

Однако, когда создатели продают цифровой контент курса через свои веб-сайты, они могут сделать с ним гораздо больше и заработать больше денег. Это потому, что они предлагают больше, чем просто возможность войти в систему и нажать «Играть». Эти курсы обычно включают в себя:

• Дополнительный материал,
• Информационные бюллетени и напоминания по электронной почте,
• Частные сообщества,
• И больше.

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

Давайте рассмотрим пример с веб-сайта Career Contessa. Это страница программы Академии поиска работы:

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

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

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

Однако это не все стены текста. Учащиеся также видят видеоконтент:

Сканируемые списки маркеров:

Красиво представлена ​​информация о бонусном контенте:

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

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

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

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

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

Подведение итогов

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

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