So erstellen Sie wunderschöne (und überzeugende) Heldenbilder für Ihren Online-Shop
Veröffentlicht: 2015-01-06Die meisten Online-Shops und Themenvorlagen haben eine Hauptkomponente gemeinsam, ein großes, hervorgehobenes Bild oder eine Reihe von Bildern, die auffällig auf der Homepage angezeigt werden.
Diese Bilder werden oft als Helden-, Banner- oder Karussellbilder bezeichnet. Egal wie Sie sie nennen, sie sind gleich und spielen eine sehr wichtige Rolle für Online-Unternehmen.
In diesem Beitrag werden wir uns mit der Bedeutung von Heldenbildern befassen, Ihnen einige Best Practices für deren Verwendung vorstellen und einige unglaubliche Tools und Grafikressourcen bereitstellen, die Ihnen helfen, schöne und überzeugende Heldenbilder für Ihren Online-Shop zu erstellen.
Lassen Sie uns darauf eingehen.
Kostenlose Leseliste: Designtipps für Online-Shops
Das Erscheinungsbild Ihres Online-Shops kann einen großen Einfluss auf den Umsatz haben. Entfesseln Sie Ihren inneren Designer mit unserer kostenlosen, kuratierten Liste wirkungsvoller Artikel.
Holen Sie sich unsere Store Design-Leseliste direkt in Ihren Posteingang.
Fast geschafft: Bitte geben Sie unten Ihre E-Mail-Adresse ein, um sofortigen Zugriff zu erhalten.
Wir senden Ihnen auch Updates zu neuen Leitfäden und Erfolgsgeschichten aus dem Shopify-Newsletter. Wir hassen SPAM und versprechen, Ihre E-Mail-Adresse sicher zu verwahren.
Lage, Lage, Lage.
Ein Hero-Image nimmt den größten Teil des Immobilienbereichs auf der meistgesehenen Seite Ihrer gesamten Website, der Homepage, ein. Dies ist eine erstklassige Immobilie in der Online-Welt und bedeutet, dass Heldenbilder bei richtiger Verwendung eine sehr wertvolle Bereicherung für Ihr Unternehmen sein können.
Diese großen Bilder sind überall, werfen Sie einfach einen Blick auf einige der beliebtesten Themen im Shopify Theme Store. Die meisten haben ein prominentes Heldenbild:
Der Zweck von Heldenbildern
Sie können diese wertvolle Immobilie je nach Ihrem Unternehmen und Ihren Zielen für verschiedene Zwecke nutzen. Werfen wir einen Blick auf einige der gebräuchlichsten Ansätze für die Verwendung von Heldenbildern:
1. Um Ihre Marke aufzubauen und Ihre Geschichte zu erzählen
Eine mögliche Nutzung des Hero-Image-Raums Ihrer Homepage besteht darin, beim Aufbau Ihrer Marke zu helfen. Diese Methode kann besonders effektiv sein, wenn Ihr Unternehmen und Ihre Produkte eine großartige Geschichte haben, die zum Erfolg beiträgt. Verwenden Sie Ihre erstklassigen Immobilien für diese Methode, um wichtige Informationen bereitzustellen, die Ihre Besucher über die Geschichte Ihrer Marke informieren.
2. Um Kundenfragen zu beantworten
Ein weiterer gängiger Ansatz besteht darin, häufig gestellte Fragen zu beantworten. Dies könnte die Antwort auf Ihren häufigsten Einwand sein oder um eine zeitkritische Frage zu beantworten, die Ihre Besucher möglicherweise haben. Zum Beispiel: „KOSTENLOSER Versand in die USA“.
3. Um Ihr Wertversprechen hervorzuheben
Die vielleicht wichtigste Verwendung dieses Raums kann darin bestehen, das Wertversprechen Ihrer Marke zu erklären. Ihr Wertversprechen erklärt Ihren Kunden genau den Wert, den Ihr(e) Produkt(e) ihnen liefern. Gibt es einen besseren Ort, um Ihren Kunden Ihr Leistungsversprechen mitzuteilen, als direkt auf Ihrer Homepage, wo die meisten Besucher landen?
4. Um eine Durchsage zu machen
Eine der prominentesten Verwendungen dieses Schlüsselbereichs ist es, eine Ankündigung wie einen Verkauf zu präsentieren. Das Heldenbild der Homepage ist ein großartiger Ort für Verkaufsbenachrichtigungen, da es die meisten Besucher erreicht.
5. Um ein Produkt oder eine Produktlinie vorzustellen
Schließlich ist eine weitere beliebte Verwendung von Heldenbildern die Präsentation eines Produkts oder einer bestimmten Produktlinie. Dies kann perfekt sein, wenn Sie neue Produkte auf den Markt bringen und möchten, dass sie die meiste Aufmerksamkeit erhalten, sowie Produkte mit der höchsten Gewinnspanne oder Produkte, die Sie liquidieren möchten.
Egal, was Sie mit diesem Raum machen, es gibt mehrere Dinge, die ein gutes Heldenbild beinhalten sollte. Werfen wir einen Blick auf die wichtigsten Elemente eines Heldenbildes.
Was sollte ein Heldenbild enthalten?
Es gibt drei Elemente, um ein großartiges Heldenbild zu erstellen. Eine durchdachte Kombination jedes dieser Elemente kann zu einem überzeugenden Heldenbild führen, das den Besucher dazu zwingt, die gewünschte Aktion auszuführen, die Ihrem Konversionsziel entspricht.
Werfen wir einen Blick auf die drei wesentlichen Elemente unten:
Auffälliges Bild – Das menschliche Auge liebt große, kräftige und helle Bilder, weshalb großartige Produktfotografie so wichtig ist. Das Heldenbild ist nicht anders. Ihr Hero Image sollte Grafiken, Bilder oder Fotos enthalten, die hochauflösend sind und ins Auge fallen. Bei fast allen Themen ist die empfohlene Bildauflösung aufgeführt, sodass Sie genau wissen, in welcher Größe Ihre Heldenbilder erstellt werden sollen.
Einprägsame Kopie – Ihre Kopie sind die Worte, die Sie verwenden, um Ihre Botschaft zu kommunizieren. Aufgrund der Art des Bildes und der Zeit, die Sie für die Übermittlung Ihrer Botschaft haben, sollte Ihr Text sehr prägnant und auf den Punkt gebracht werden.
Starker Call-to-Action – Schließlich sollten alle Heldenbilder einen auffälligen Call-to-Action aufweisen. Text oder eine Schaltfläche, die dem Leser die gewünschte Aktion mitteilt. Einige Beispiele sind JETZT KAUFEN, UNSERE GESCHICHTE LESEN, MEHR ERFAHREN usw.
Sollten Sie Ihre Heldenbilder drehen?
Sie werden feststellen, dass viele Themen und Websites ein rotierendes Heldenbild aufweisen, das alle paar Sekunden mehrere Bilder rotiert. Diese Funktion wird normalerweise von Designern geliebt, da sie ein großes, wunderschönes Grundstück bietet, um ihre großartigen Designs zu zeigen, aber Usability-Experten haben sie wegen der ablenkenden Natur der sich ständig bewegenden Bilder, die im Allgemeinen nicht vorhanden sind, eine Zeit lang missbilligt die Kontrolle des Betrachters.
Es wurden einige Tests durchgeführt, die zeigen, dass rotierende Heldenbilder über das erste hinaus fast nie angeklickt werden. ConversionXL hat einen großartigen Beitrag veröffentlicht, in dem darüber gesprochen wird, und ihre Empfehlung war, die rotierenden Banner alle zusammen fallen zu lassen.
Der Beitrag verweist auf eine Studie der Notre Dame University, die zeigt, dass das erste von fünf Bildern 84 % aller Klicks erhielt.
Der allgemeine Konsens ist, dass Sie sich statt mehrerer roter Heldenbilder auf ein einzelnes Bild konzentrieren sollten. Rotierende Bilder können jedoch für Ihr Unternehmen geeignet sein, und mit etwas Planung können sie für Sie sehr gut funktionieren.
Wenn Sie rotierende Heldenbilder für Ihren Shop verwenden möchten, beachten Sie Folgendes:
Verwenden Sie einen einheitlichen Stil für alle Heldenbilder.
Halten Sie den Inhalt einfach, damit er von Ihrem Leser schnell verdaut werden kann.
Halten Sie die Bilder in der Dateigröße so klein wie möglich, um die Ladezeit Ihrer Website nicht zu verlangsamen.
Beschränken Sie die Anzahl der Folien auf ein Minimum und zeigen Sie nur das, was wirklich wichtig ist.
Machen Sie die Navigation für den Leser offensichtlich und kontrollierbar.
So erstellen Sie Heldenbilder für Ihren Online-Shop
Die vielleicht größte Hürde für neue Ladenbesitzer ohne Design- oder Technikkenntnisse besteht darin, regelmäßig schöne neue Heldenbilder zu erstellen. In den letzten Jahren sind jedoch eine Vielzahl von Tools herausgekommen, die diesen Prozess selbst für den am wenigsten technisch versierten Unternehmer vereinfachen können.
Wo bekommt man Bilder her:
Es gibt unendlich viele Orte, an denen Sie online gehen können, um Bilder für Ihre Website-Heldenbilder zu finden. Einige sind jedoch besser als andere. Um Ihnen die Suche zu erleichtern, haben wir einige der besten Quellen aufgelistet, damit Sie Ihr nächstes Bild finden können:
Kostenlose, lizenzfreie Bildressourcen
Burst by Shopify – (kostenlos) Dies ist eine brandneue Fotoplattform für Unternehmer. Sie finden hochauflösende Produktfotos und Lifestyle-Bilder, die sich perfekt für Marketingkampagnen und soziale Medien eignen. Hunderte neuer Fotos werden jede Woche hinzugefügt, also schauen Sie öfter mal vorbei, wenn Ihre Nische noch nicht hinzugefügt wurde.
The Stocks - (kostenlos) The Stocks vereint die besten lizenzfreien Stock-Fotos aus den besten Quellen auf einer übersichtlichen, einfach zu navigierenden Website. Nicht alles ist durchsuchbar, daher müssen Sie möglicherweise einige Zeit damit verbringen, alle Ressourcen zu durchsuchen, um gute Passungen für Ihre Marke zu finden.
Death To Stock Photo (kostenlos) Diese kostenlosen Bilder sind nur per E-Mail erhältlich. Da Ihnen diese Fotos einmal im Monat per E-Mail zugesandt werden, ist dies eine gute Möglichkeit, mit dem Aufbau Ihrer eigenen Sammlung einzigartiger Bilder zu beginnen, die Sie in Zukunft verwenden können.
Pixabay - (Kostenlos) Über 400.000 kostenlose Fotos, Vektorgrafiken und Kunstillustrationen.
Graphic Burger - (kostenlos) Eine großartige Ressource mit Fotos und Bildern, die für die kommerzielle Nutzung kostenlos sind.
PicJumbo – (kostenlos) PicJumbo ist eine wirklich gute Ressource für qualitativ hochwertige, kostenlose Stock-Fotos. Eine riesige Auswahl und alles kategorisiert macht tolle Bilder leicht zu finden.
morgueFile - (kostenlos) morgueFile gibt es schon seit langer Zeit und hat Tausende von kostenlosen Stock-Fotos, die alle durchsuchbar sind.
Bezahlte Bildressourcen
Wenn Sie ein kleines Budget haben, mit dem Sie für Ihre Heldenbilder arbeiten können, sollten Sie einige der besser bezahlten Ressourcen für Bilder und Fotos in höherer Qualität in Betracht ziehen. Da diese kostenpflichtig sind, werden sie im Internet von weniger Menschen verwendet, wodurch Ihre Heldenbilder einzigartiger werden.
Creative Market – (kostenpflichtig) Einer der besten Marktplätze für Bilder und Grafiken. Die Qualitätsstandards sind hier hoch und die Preise angemessen.
500px Prime - (Bezahlt) Eine unglaubliche Ressource für hochwertige, schöne und einzigartige Fotos von Fotografen aus der ganzen Welt.
Dollar Photo Club – (Kostenpflichtig) Nur 1 $ pro Bild und eine große Auswahl an Premium-Fotos.
Stocksy – (Bezahlt) Eine weitere großartige Quelle für kuratierte Bilder von kuratierten Fotografen. Bilder reichen von 10 $ für kleine Bilder, 25 $ für mittelgroße Bilder und 50 $ für große Bilder.
Natürlich werden Stock-Fotos immer genau das sein, Stock-Fotos. Wenn Sie etwas Zeit und vielleicht ein bisschen mehr Budget haben, sollten Sie in Erwägung ziehen, Ihre eigene Heldenbildfotografie wie Amos Brand zu schießen.
Das Fotografieren eigener Fotos muss weder teuer noch kompliziert sein. Sie werden von der Qualität der Fotos überrascht sein, die Sie von Ihrem Smartphone erhalten können. Sehen Sie sich zunächst einen der kostenlosen Online-Kurse von CreativeLive zum Thema Fotografie an, um die Grundlagen der Fotografie zu verstehen.
Vielleicht möchten Sie auch unseren Leitfaden zum Aufnehmen großartiger Fotos mit Ihrem Smartphone lesen. Viele der Tipps in diesem Beitrag können auch verwendet werden, um schöne Heldenbilder für Ihre Homepage zu erstellen.
So erstellen Sie ein Heldenbild:
Adobe Photoshop (9,99 $/Monat) ist das Programm der Wahl unter Grafikdesignern und Fotografen, es hat jedoch einen ziemlich hohen Preis und eine große Lernkurve. Die gute Nachricht ist, dass es mehrere Alternativen gibt, die viel benutzerfreundlicher und kostenloser sind.
Pixlr - (webbasiert, kostenlos) Ein kostenloser webbasierter und herunterladbarer Bildeditor. Wenn Sie mit der Bildbearbeitung vertraut sind, werden Sie feststellen, dass Pixlr ziemlich einfach und intuitiv zu erlernen ist. Ohne Vorkenntnisse in der Bildbearbeitung ist die Navigation in Pixlr leider immer noch etwas schwierig. Versuchen Sie, mit dem webbasierten Editor zu beginnen.
Pixelmator – (OSX-App 29,99 $) Pixelmator ist ein funktionsreicher und leistungsstarker Bildeditor für OS X, der zu einem Nominalpreis von 29,99 $ erhältlich ist.
Canva – (webbasiert, Freemium) Canva ist eine ziemlich neue webbasierte Bildbearbeitungs-App, die über die einfache Bildbearbeitung hinausgeht. Ihr Ziel ist es, Design für jedermann einfach zu machen. Die App macht es einfach, die Bildgröße auszuwählen, die Sie produzieren möchten, und enthält Designelemente wie integrierte, einschließlich Archivfotos (kostenlos und kostenpflichtig) und Schriftarten.
PicMonkey (webbasiert, kostenlos) PicMonkey verbirgt seine Leistungsfähigkeit hinter einer einfachen und intuitiven Benutzeroberfläche. Obwohl PicMonkey kostenlos ist, gibt es eine Premium-Version, die für eine kleine monatliche Gebühr viele Extras bietet.
Fazit
Da haben Sie es, den Grund, Zweck und die Verwendung von Heldenbildern auf Ihrer Homepage. Das häufige Ändern dieser Bilder sorgt dafür, dass sich Ihr Geschäft für wiederkehrende Besucher frisch anfühlt, es lebendig bleibt und die Besucher dazu anregt, die Maßnahmen zu ergreifen, die Ihren Konversionszielen am besten entsprechen.
Sagen Sie uns in den Kommentaren, ob wir eine großartige Ressource zum Zusammenstellen großartiger Heldenbilder verpasst haben.