Verschiedene Möglichkeiten zur Gestaltung digitaler Produktseiten

Ich denke, es ist fair zu sagen, dass Sie beim Entwerfen mobiler Produktseiten für physische Produkte unabhängig von der Website ein ähnliches Layout verwenden und dieselben Details einfügen.

So sehen beispielsweise Produktseiten für Peloton-Fahrräder, Kleidung von Macy's und Truth Bars aus:

Es gibt leichte Unterschiede in der Positionierung der Informationen, wobei einige Produktseiten zuerst den Produktnamen, die durchschnittliche Bewertung und den Preis anzeigen, während andere dem Produktbild den Vortritt lassen. Unabhängig davon, was Sie einbeziehen können, gibt es nicht viel Spielraum.

Das Entwerfen digitaler Produktseiten für Mobilgeräte ist nicht so einfach.

Während Sie möglicherweise eine Produktseite für Kleidung, Ausrüstung und Lebensmittel ähnlich gestalten können, können Sie dies nicht für digitale Produkte wie:

• eBooks und andere Dokumente,
• Medien und andere lizenzierbare Dateien,
• Kurse.

Da die Verbraucher mehr Zeit online und mit ihren Smartphones verbringen, steigt der Bedarf an hochwertigen digitalen Produkten. Wenn Sie daran interessiert sind, E-Commerce-Websites für diese Art von Produkten zu entwerfen, müssen Sie die Unterschiede zwischen den Typen verstehen und wissen, wie Sie sie den Verbrauchern mit Ihrem Produktseitendesign richtig präsentieren können.

Verschiedene Möglichkeiten, digitale Produktseiten für Mobilgeräte zu gestalten

Der Verkauf digitaler Produkte ist eine großartige Möglichkeit, online ein (meist) passives Einkommen zu generieren. Anbieter digitaler Produkte müssen kein Inventar besitzen oder verwalten, sich nicht um Versand und Rücksendungen oder andere Herausforderungen kümmern, die mit dem Verkauf physischer Artikel einhergehen.

Was die Vermarktung dieser digitalen Produkte betrifft, kann es zu einer Herausforderung werden.

Folgendes müssen Sie wissen, wenn Sie Seiten für die folgenden Arten von digitalen Produkten entwerfen:

eBook-Produktseitendesign

Mit jedem Jahr wird weltweit mehr und mehr Geld für E-Books ausgegeben. Dies sind die prognostizierten globalen Einnahmen für E-Books gemäß den von Statista gesammelten Daten:

Aus diesem Grund sind E-Books heutzutage ein großartiges Marketing-Venture für Unternehmen. Das Gleiche gilt für andere herunterladbare digitale Dokumentationen wie Vorlagen, Checklisten usw.

Aber anstatt es den Marktplätzen zu überlassen, einen Teil dieser digitalen Produktgewinne mitzunehmen, kann das Marketing und der Verkauf von E-Books über die eigene Website einem Unternehmen helfen, mehr Umsatz zu erzielen.

Nehmen wir das Beispiel Smashing Magazine. Während es seine E-Books über Amazon verkaufen kann und tut, hat es auch einen eigenen Bereich „Bücher“ auf der Website. Und ich vermute, dass mehr Verkäufe über die Website getätigt werden als über Amazon … aus mehreren Gründen.

Zum einen ist jede E-Book-Seite so gestaltet, dass sie mit der Marke Smashing Magazine übereinstimmt, die die Leser kennen und der sie vertrauen:

Dieses Gefühl der Konsistenz und Vertrautheit wird viel mehr Vertrauen von langjährigen Lesern gewinnen, viel mehr als Amazon-Kunden, die zufällig darüber stolpern.

Der Rest der Produktseite tut, was er tun muss, um Besucher zum Kauf des E-Books zu ermutigen, auch wenn sie dazu noch nicht bereit sind, wenn sie diesen ersten CTA sehen:

Die E-Book-Beschreibung ist klar und unkompliziert dargestellt. Es gibt keine Ablenkungen auf dem Weg, andere Bücher oder Anzeigen zu bewerben.

Und es dauert nicht lange, bis interessierte Leser die Möglichkeit haben, eine Vorschau des Buches zu lesen:

Dies ist immer dann ein Muss, wenn Ihre Website ein digitales Dokument verkauft. Die E-Book-Seite sollte nicht nur darlegen, welche Lektionen sie lernen werden (wie diese), sondern ein Auszug in ihrem bevorzugten Dateiformat ist ein Muss.

Ohne eine Vorschau dessen, was sie kaufen, wird es sehr schwierig sein, diesen Verkauf zu tätigen.

Ein weiteres Element, das Sie auf einer E-Book-Zielseite einfügen sollten, ist ein Abschnitt über den/die Autor(en).

Neue Besucher Ihrer Website und E-Book-Zielseite fragen sich vielleicht: „Warum zum Teufel sollte ich dieser Person überhaupt zuhören?“ Der Autorenbereich ermöglicht es Ihnen, dem Buch ein Gesicht und einen Kontext zu geben.

Es gibt einen weiteren Abschnitt auf dieser Seite, nach dem Sie Ihre eigene E-Book-Seite spiegeln möchten. Ich würde sogar vorschlagen, es weiter oben zu platzieren, wenn Ihre Autoren (noch) keine bekannten Namen sind:

Ein Inhaltsverzeichnis ist aus mehreren Gründen hilfreich:

• Eine Zusammenfassung jedes Kapitels ermöglicht es den Lesern festzustellen, ob es wertvoll sein wird.
• Ein suchoptimiertes Inhaltsverzeichnis wäre genauso effektiv wie der strategische Einsatz von Header-Tags in einem Blogbeitrag.
• Es kann auch verwendet werden, um strukturierte Daten zu generieren und ein teilweises Inhaltsverzeichnis in relevanten Online-Suchen anzuzeigen.

In diesem Beispiel ist eine Sache nicht enthalten, die Sie, wenn möglich, auf Ihren E-Book-Seiten einfügen sollten: Bewertungen oder Testimonials.

Nur weil es sich um ein digitales Produkt handelt, heißt das nicht, dass Leser keinen Social Proof benötigen, um von „Klingt interessant“ zu „Ich muss das lesen“ zu gelangen. Tatsächlich ist es ein großer Teil dessen, was E-Books beim Verkauf auf Plattformen wie Amazon und Barnes & Noble hilft.

Wenn Ihre Website nur ein oder zwei E-Books zum Verkauf anbietet, sind Leserempfehlungen in Ordnung. Wenn Ihre Website ein Repository mit eBooks enthält, fügen Sie ein Bewertungs- und Überprüfungssystem hinzu, damit jeder seine Kommentare einfach hinterlassen kann.

Design der Medienproduktseite

Als Webdesigner sind Sie bereits mit den riesigen Mengen an lizenzierbaren Inhalten vertraut:

• Bilder,
• Videos,
• Symbole,
• Musik,
• Soundeffekte,
• Video,
• Schriftarten,
• Entwerfen Sie Themen oder Vorlagen,
• Plugins.

Seien wir ehrlich, wenn Sie nach Bestandsinhalten oder vorgefertigten Komponenten suchen, werden Sie höchstwahrscheinlich zu einem beliebten Marktplatz gehen, um sie zu kaufen. Allein die schiere Menge und Vielfalt der Angebote ist viel attraktiver, als die Websites unabhängiger Ersteller besuchen zu müssen, um zu versuchen, das zu finden, was Sie brauchen.

Also, warum reden wir dann überhaupt über diesen?

Es gibt zwei Punkte, die ich machen möchte:

Wenn Sie die Aufgabe haben, einen Marktplatz für lizenzpflichtige Inhalte zu entwerfen, erstellen Sie das Rad nicht neu.

Verwenden Sie die erprobte und wahre Formel, die für andere funktioniert. Kunden möchten keinen neuen Weg finden, um digitale Inhalte aus einem riesigen Repository zu finden, nur weil Sie Lust hatten, kreativ zu werden.

Wenn Sie die Aufgabe haben, digitale Produktseiten auf der Website einer kleinen Agentur oder eines unabhängigen Erstellers zu erstellen, ist das jetzt eine andere Geschichte.

Ich werde die Website des Typografen Mark Simonson verwenden, um zu demonstrieren, wie Sie an so etwas herangehen sollten.

Dies ist die Zielseite für die Schriftart Mostra Nuova:

Wenn Urheber ihre digitalen Medien auf Marktplatz-Websites verkaufen, haben sie nur sehr wenig Kontrolle darüber, wie sie präsentiert werden. Sie haben auch keine Kontrolle darüber, welche anderen Ablenkungen oder Empfehlungen potenziellen Kunden gleichzeitig präsentiert werden.

Indem Sie für jedes Produkt auf Ihrer Website eigene Seiten erstellen, können Sie jedoch das Aussehen und die Erzählung steuern, wie es diese Seite tut:

Sie müssen sich auch nicht an die Richtlinien des Marktplatzes halten. Ihr Branding und Ihre Produkte stehen an erster Stelle:

Eine weitere nette Sache beim Verkauf von Medienprodukten auf der eigenen Website ist, dass es keinen Gutachter gibt, von dem Sie die Genehmigung einholen müssen, wenn Sie eine neue Mediendatei hochladen oder verkaufen möchten. Sie müssen auch nicht darauf warten, dass Updates für vorhandene durchgereicht werden.

Dies bedeutet, dass es im Marketing- oder Verkaufszyklus nur sehr kurze Verzögerungen gibt, was zu einer höheren Rentabilität für den Ersteller führt.

Bevor wir uns damit befassen, wie man digitale Produkte wie diese tatsächlich auf einer Website verkauft, möchte ich Ihnen etwas zeigen, das Mark Simonson am Ende seiner Schriftseiten enthält. Es ist ein Abschnitt „… in Verwendung“:

So etwas sieht man nicht oft auf den Websites von Erstellern, zumindest nicht für die digitalen Produkte, die sie verkaufen. Ich denke jedoch, dass ein Abschnitt wie dieser das Geschäft mit den Besuchern wirklich besiegeln kann, da er ihnen echte Beispiele für das Medienelement in Aktion gibt.

Es ist möglicherweise nicht möglich, Kundenbeispiele für jede von Ihnen erstellte Website mit digitalen Produkten bereitzustellen. Aber es ist etwas zu bedenken, ob die Produkte beliebt genug sind.

Für den Verkauf von Medien auf Ihrer Website haben Sie mehrere Möglichkeiten. Sie können es wie das Mark Simonson Studio tun und eine lange Liste mit Links zu Orten bereitstellen, an denen die Schriftart verkauft wird:

Die Art und Weise, wie dies präsentiert wird, ist großartig, da es den Kunden die Flexibilität gibt, ihren bevorzugten Font-Marktplatz zu verwenden und die Schriftart in dem Format zu erhalten, das sie benötigen. Und wenn Ihr Kunde sich nicht mit dem Aufwand der Verwaltung von Produktverkäufen auseinandersetzen möchte, ist dies definitiv der richtige Weg.

Wenn Ihr Kunde es vorzieht, den Verkaufsprozess selbst zu übernehmen, richten Sie ihn so ein, wie Sie es mit jeder anderen E-Commerce-Website tun würden. Stellen Sie einen „Kaufen“-Link sowie Informationen zu Preisen und Lizenzen bereit und leiten Sie sie dann zu einer sicheren Checkout-Site weiter. Oh, und wenn der Inhalt ohne Kauf leicht von der Website genommen werden kann, stellen Sie sicher, dass Sie ein Wasserzeichen darauf setzen.

Design der Kursproduktseite

Vorab aufgezeichnete Kurse und Kurse von Fachexperten und Influencern sind heutzutage sehr beliebt:

• Coursera hat über 68 Millionen Lernende.
• Udemy hat 35 Millionen Lernende.
• edX hat mehr als 20 Millionen Lernende.

Offensichtlich sind die Menschen hungrig nach digitalen Kursinhalten, insbesondere wenn sie nicht in einem virtuellen Hörsaal sitzen müssen und den Unterricht in ihrem eigenen Tempo absolvieren können.

Es ist absolut nichts falsch daran, Kurse über diese Marktplätze zu verkaufen, da sie eine riesige Anzahl von Lernenden haben, die nur darauf warten, neue Inhalte zu entdecken.

Wenn Entwickler jedoch digitale Kursinhalte über ihre Websites verkaufen, können sie viel mehr damit machen und auch mehr Geld verdienen. Denn sie bieten mehr als nur die Möglichkeit, sich einzuloggen und auf „Play“ zu drücken. Diese Kurse beinhalten normalerweise:

• Ergänzungsmaterial,
• Newsletter und E-Mail-Erinnerungen,
• Private Gemeinschaften,
• Und mehr.

Der Schlüssel zum Verkauf eines Kurses auf diese Weise besteht darin, die digitale Produktseite wie einen Verkaufstrichter zu gestalten.

Schauen wir uns ein Beispiel von der Career Contessa-Website an. Dies ist die Seite für das Programm der Job Search Academy:

Ähnlich wie bei dem, was wir zuvor gesehen haben, können Sie durch das Entwerfen Ihrer eigenen digitalen Produktseiten ein Markenerlebnis für Lernende schaffen. Für diejenigen, die diese Marke bereits kennen und ihr vertrauen, ist das nächste Scrollen auf der Seite ein Kinderspiel:

Für Lernende, die noch auf dem Zaun stehen, könnte die aussagekräftige Statistik direkt unter der CTA-Schaltfläche ausreichen, um sie zu überzeugen. Wenn nicht, gibt es eine Menge Inhalte auf der Seite, die sorgfältig geplant wurden, um ihnen bei der Entscheidungsfindung zu helfen.

Obwohl es auf dieser Zielseite viele schriftliche Inhalte gibt, ist sie gut formatiert. Absätze werden auf Mobilgeräten auf einer anständigen Länge gehalten, während Fettschrift verwendet wird, um wichtige Textteile hervorzuheben.

Es sind jedoch nicht nur Textwände. Die Lernenden sehen auch Videoinhalte:

Scanbare Bulletpoint-Listen:

Schön präsentierte Informationen über Bonusinhalte:

Es ist offensichtlich, dass ein Designer viel Zeit darauf verwendet hat, jedem Abschnitt ein individuelles Aussehen zu geben, damit er viel einfacher zu scannen und durchzulesen ist.

Wenn die Lernenden es bis hierher geschafft haben, erreichen sie den kritischsten Teil der Verkaufsseite. Hier erfahren sie genau, was sie mit einem gut gestalteten Lehrplan und Lektionsvorschauen lernen werden:

Genau wie Sie es von einer Verkaufstrichterseite erwarten würden, werden potenziellen Lernenden als nächstes ein Testimonial-Bereich sowie FAQs präsentiert. Dies sind zwei Elemente, auf die Sie bei der Gestaltung eines Verkaufstrichters, für Kurse oder anderes nicht verzichten können. Und es muss am Ende der Seite stehen, kurz bevor Sie noch einmal fragen, ob sie bereit sind, sich für den teuren Kurs anzumelden.

Das mag übertrieben erscheinen, aber der Ansatz ist solide. Sie können Ihre Kurse auf Websites wie Coursera und edX an Gelegenheitslerner verkaufen, aber es gibt dort keine Beziehung. Sie melden sich für Ihren Kurs genauso einfach an wie für den nächsten, der auf der Website angeboten wird.

Wenn Sie Kursseiten auf Ihrer Website entwerfen, erfassen Sie jedoch die engagiertesten Lernenden – diejenigen, die den Kurs vollständig absolvieren und sich in Zukunft für weitere Kurse und Inhalte anmelden möchten.

Einpacken

Interessant an den obigen Beispielen ist, wie Urheber ihre digitalen Inhalte sowohl über beliebte Marktplätze als auch über ihre Websites verkaufen. Wie Sie sich vorstellen können, ist dies der beste Weg, um so viel Umsatz wie möglich mit digitalen Produkten zu erzielen.

Stellen Sie nur sicher, dass Sie beim Entwerfen digitaler Produktseiten für die mobilen Websites Ihrer Kunden nicht versuchen, das nachzuahmen, was die Marktplätze tun. Oft sind ihre Designs überfüllt, ablenkend und nicht wirklich für den Smartphone-Benutzer optimiert. Indem Sie die Seiten des Erstellers benutzerfreundlicher gestalten, ermutigen Sie mehr Menschen, direkt bei ihnen einzukaufen, und stecken folglich mehr Geld in die Taschen Ihrer Kunden.