-
About
Ein neues Corporate Design mit einer Logo-Entwicklung sowie ein übersichtliches Webdesign für einen Onlineshop wünschte sich die Firma HLT Lichttechnik GmbH. Thematisch sollte der Fokus des Shops, der Verkauf von smartem Licht, hervorgehoben werden. Gesagt, getan. Neben der Erarbeitung eines prägnanten Logos, welches sich von der Masse und der Konkurrenz abhebt, wurde auch über ein passendes Corporate Design und ein darauf aufbauendes Webdesign nachgedacht. Die Umsetzung erfolgte mit Shopware 5. Neben der Realisierung soll der Onlineshop auch durch die Agentur betreut und zum Erfolg geführt werden. Nichts leichter, als das! -
Kunde
-
Branche
-
Technologie
-
Leistungen
Logo
Schlicht, prägnant und einen starken Wiedererkennungswert: Das waren die Anforderungen an das Logo. Dies sind die zwei finalen Logo-Varianten, wobei hier unterschiedliche Ansätze verfolgt wurden.
Die zweite Idee zeigt das Hauptprodukt des Onlineshops und stellt dadurch einen schnellen Bezug zur Webseite und zum Thema her. Das Logo ist stark vereinfacht und hat eine hohe Prägnanz und einen schnellen Wiedererkennungswert.
Die Farbgebung und die Schrift unterstreichen die Wirkung des Symbols und bilden ein harmonisches Gesamtbild.
Das Chamäleon kann seine Farbe beliebig anpassen und verändern. Da die Besonderheit des Onlineshops in dem Verkauf von steuerbaren Lampen mit unterschiedlichsten Farbanpassungen liegt, passt das Chamäleon perfekt. Das Logo, welches letztendlich auch vom Kunden ausgewählt wurde, repräsentiert nicht nur das Angebot des Shops, sondern unterstreicht den Namen smartes-licht.com durch seine kluge Farbanpassung. Das Ende der Zunge umfasst einen Kreis, welche eine Lampe darstellt. Die Farbe des Kreises ist dieselbe wie des Wortes „Licht“. Dadurch wird das Thema Lampe und Beleuchtung verdeutlicht. Somit sticht das Wort „Licht“ nicht nur typografisch, sondern auch farblich hervor. Weiterhin unterstreicht die Schrift die Bedeutung des Wortes „smart“ durch die moderne, schlichte Auswahl.
Farben
Die kräftige, blaue Kontrastfarbe in Kombination mit den zwei leuchtenden Akzentfarben Gelb und Grün unterstützt den Auftritt des Onlineshops thematisch.
Gelb wirkt kräftig, motivierend und belebend. Der starke Gelbstich fördert die strahlende Wirkung, welche schnell mit einer leuchtenden Glühbirne assoziiert werden kann.
Der ökonomische Nutzen wird heute immer wichtiger. Durch die App können Lampen zeitlich programmiert werden. Der geringere Stromverbrauch und die Entlastung der Umwelt werden dadurch gefördert. Grün repräsentiert diesen gedanklichen Ansatz.
Für einen Onlineshop ist das Vertrauen der Kunden sehr wichtig. Zudem liegt das Angebot des Shops im technologischen Gebiet, weshalb Blau als Hauptfarbe gewählt wurde. Der Farbe wird einen vertrauenswürdigen, seriösen und technischen Charakter nachgesagt.
Schrift
Als Headline wurde eine moderne und prägnant wirkende Schrift gewählt. Durch die starken rechteckigen Formen und der Kombination mit den Rundungen entsteht ein sowohl technischer, wie auch freundlicher Eindruck.
Die schlichte, serifenlose Schrift hebt sich gut ab, weshalb diese als Headline und Akzentschrift zum Einsatz kommt.
Die Lato ist neben ihrer guten Lesbarkeit und ihrem schlichten Erscheinungsbild vielseitig einsetzbar und wurde deshalb für den Fließtext gewählt.
Webentwicklung
Design
Das Webdesign wurde aus dem zuvor erarbeiteten Corporate Design entwickelt. Element des Logos, vor allem der Kreis, sind immer wiederzufinden und bilden einen hohen Wiedererkennungswert.
Die Umsetzung auf Shopware 5 erfolgte in mehreren Etappen. Es wurden immer wieder zahlreiche Artikel mit ihren Varianten eingepflegt, Icons für die verschiedenen Eigenschaften der Produkte erarbeitet und Slider, die dem Kunden die verschiedenen Kategorien und Themen aufzeigen, gestaltet.
Die Startseite zeigt dem Kunden durch die Navigation im Header sofort wo er ist. Icons unterstützen die schnelle Informationsaufnahme und die Übersichtlichkeit. Der Kunde weiß sofort, wo er zum Beispiel den Warenkorb sehen kann oder nähere Informationen zu den Lieferzeiten bekommt.
Weiterhin stellen die verschiedenen Slider Themen des Shops vor. Neben ausgewählten, neuen Produkten, welche als Newcomer vorgestellt werden, sind weiter unten die Hauptkategorien des Shops aufgezeigt.
Vor dem Footer wird dann das Unternehmen kurz vorstellt.
Umsetzung Startseite
Produktdetailseite
Übersichtlich und strukturiert werden die Produkte in der Detailseite vorgestellt. Durch die kontinuierliche Pflege von Eigenschaften kann der Kunde diese zu dem jeweiligen Produkt einsehen. Weitere Informationen sind neben dem Bild rechts, sowie weiter unten übersichtlich in Tabellen bzw. in den einzelnen Tabs zu finden.
Zubehör gleich mitbestellen, leicht gemacht.
In der Sidebar können Zubehörartikel einfach gleich mit in den Warenkorb gelegt werden. Der Shopbetreiber kann sogar empfohlene Mengen im Backend einstellen.
Das Wichtigste gleich zu Beginn: Die relevanten Produktinformationen findet der Endkunde direkt im ersten Viewport. Integriert werden diese über die Produkteigenschaften und lassen sich damit auch vergleichen und filtern.
Übersichtliche Produktansicht – die Informationen am rechten Rand in der Detailseite wurden aufgeräumt und nach Informationsgehalt getrennt. Vertrauensbildende Infos findet der Interessent direkt neben dem Produktbild
Alle relevanten Facts zu den Produkten in der Übersicht – in der Kategorieansicht werden alle relevanten Facts zum Produkt als Icons dargestellt. Gepflegt werden diese über die Eigenschaften der Produkte.
und sonst?
BOTSCHAFT.digital betreut den Onlineshop für die HLT-Lichttechnik GmbH nahezu 360°. Wir kümmern uns um Artikelintegration, Bestellablauf, Suchmaschinenoptimierung, Kommunikation über die sozialen Medien, sowie die Reichweitenexpansion in diverse Marktplätze. Wir arbeiten hier eng mit dem Kunden zusammen, nach dem Motto: „Jeder tut das, was er am Besten kann.“ Während sich unser Kunde um die Beratung der Interessenten kümmert, betreuen und administrieren wir den Onlineshop und den Verkauf.
Im ergebnis lässt sich sagen: Hier haben alle auf das richtige Pferd gesetzt: Nicht nur die Shopsoftware passt hervorragend zum alltäglichen Ablauf, auch der Erfolg – innerhalb kürzester Zeit – durch überdurchschnittliche Conversion-Raten gibt uns recht.
Nun heißt es, am Ball bleiben. Wir geben unser Bestes und sorgen so für den Erfolg der HLT-Lichttechnik GmbH und den Erfolg ihres Onlineshops.