VitaDeals.de Online-Shop
VitaDeals.de Logo & CD
VitaDeals Produktseite

Klar gegliedert - besser informiert

Bei der Gestaltung des Online-Shop Designs von VitaDeals haben wir uns besonders bei der Produktseite einiges gedacht: Große Produktbilder und Icons, sowie informative und beratende Texte sagen dem Kunden direkt, ob ein Nahrungsergänzungsmittel für ihn geeignet ist oder nicht.

Andere Kaufentscheidende Fragen, wie Zahlungsarten oder Versanddauer werden grafisch sofort klar dargestellt.

VitaDeals Listing

Shopware Einkaufswelten

Mit den Shopware Einkaufswelten können ohne Programmierkenntnisse ansprechende Produkt- und Kategoriepräsentationen, sowie Landingpages für Marketing Aktionen erstellt werden. Damit diese auch im eigenen Design von VitaDeals gut aussehen, haben wir uns bei der Programmierung natürlich an alle Vorgaben von Shopware gehalten.

VitaDeals eBay Template

eBay Artikel-Template

Der Online-Shop ist nicht alles. Um die Produkte noch besser an den Mann bringen zu können, hat sich VitaDeals für den zusätzlichen Verkauf der Produkte auf eBay entschieden. Auch hierfür erstellten wir die Artikel- und Shop-Templates.

VitaDeals.de - Online-Shop für Nahrungsergänzung & Supplements

Vitadeals vertreibt seit Jahren hochwertige Nahrungsergänzungsmittel und Supplements - von der Haarpflege, über Mineralstoffe, bis hin zu Anti-Aging Cremes und Diätmittel. Die Rezepturen der Mittel sind dabei erprobt und Experten aus verschiedenen Gesundheitsbranchen entwickelt. Das Unternehmen vertrieb die angebotenen Produkte schon vorher auf kleineren Plattformen und lokalen Marktplätzen. Nun sollte es groß werden: der Verkauf sollte durch einen eigenen Online-Shop angekurbelt werden.

Die Basis: Shopware

Die Basis des Online-Shops bietet eines der besten Shop-Systeme, die derzeit angeboten werden: Shopware. Das Online-Shop System eignet sich durch seine vielfältigen Marketing-Möglichkeiten vor allem für Online-Shops mit mehreren Produktpaletten. Die so genannten "Shopware Einkaufswelten" können damit für jede Produktkategorie angelegt werden und individuell gestaltet werden. Solch eine Landingpage ist nicht nur gut für Google: Statt langweiligen Produkt-Übersichtsseiten können die Vorteile der Produkte klar hervorgehoben werden und Bestseller prominent positioniert werden.

Farben, Logo-Design und Verfeinerung

Die Grundform des Logos von Vitadeals war bereits definiert - für die Verwendung auf Produktverpackungen, des Online-Shops, E-Mail Newsletter oder Außenwerbung jedoch noch nicht optimal umgesetzt. Hierbei unterstützten wir Vitadeals und überarbeiteten den Logo Entwurf. Die neue Version des Logos ist einprägsam und stimmig, während auch die kleine Bildmarke neben den Farben das Gefühl von Frische und Hochwertigkeit vermitteln soll. Die Farben sollten ebenfalls frisch, modern und vertrauensvoll wirken. Die Kombination aus einem Gras-Grün und einem Himmelblau eignet sich hierfür bestens und harmoniert auch auf allen Werbemitteln sehr gut.

Online-Shop- und Webdesign

Ein Design für einen Online-Shop ist immer eine große Herausforderung. Denn ein schönes Design ist nicht gleich gute Benutzerfreundlichkeit. Letztere ist vor allem in Online-Handel ein Muss. Finden sich Besucher gut zurecht? Gibt es ausreichend gut platzierte Navigationselemente? Werden Angebote prominent, aber nicht aufdringlich platziert? Nur wenn alle Faktoren stimmen, fühlen sich Besucher wohl.

Für das Design von Vitadeals.de hieß das für uns vor allem eins: Viele Kategorien, geschickt platzierte Elemente, ansprechende Bilder. Eine Auflistung aller Kategorien auf der linken Seite der Website soll dem Besucher eine permanente Navigationsmöglichkeit durch die Website geben. Auf der Startseite befindet sich dazu ein großer Slider im Kopfbereich, in dem verschiedene Aktionen oder Angebote eingestellt werden können. Häufige Fragen, wie Versandarten, Sicherheit, Zahlungsmethoden, etc. werden schon im laufenden Shopping-Erlebnis jederzeit durch geschickt platzierte Logos und kurze Angaben beantwortet.

Ein besonderes Augenmerk haben wir auf die Produktseite gelegt: Hier war es wichtig, den Kunden bestmöglich über das gewählte Präparat zu informieren. Inhaltsstoffe, Wirkungsweise, Einnahmeempfehlung - alle Fragen müssen beantwortet werden. Hierfür haben wir die sonst übliche Produktbeschreibung in zwei Abschnitte geteilt: die "Beschreibung" und die "Detailbeschreibung". In der Beschreibung findet der Besucher alle Informationen kurz und knapp: Wirkung, Inhaltsstoffe, Dosierung, etc. In der Detailbeschreibung wird noch einmal genau auf die Wirkstoffe des Mittels eingegangen und genauestens erklärt. Auch Fachliteratur passend zum Mittel wird angeboten und entsprechend platziert beworben. Zuguterletzt wird über entsprechende Icons auf der Produktseite sofort sichtbar gemacht, was den Nutzer interessiert - z.B. ob ein Produkt glutenfrei ist, ohne Konservierungsstoffe, etc.

Alle Informationen zu dem gewählten Mittel beeinträchtigen dabei nicht die Anzeige der sonst üblichen Informationen über ein Produkt, wie z.B. dessen Lieferbarkeit oder Kundenbewertungen. Ein durchaus gelungenes Content-Design, sagen auch die Kunden von Vitadeals.

Entwicklung der Shopware Templates

Nach der Gestaltung des Online-Shops mussten die Templates für Shopware erstellt werden. Hierfür bedienten wir uns neben HTML5, CSS3, Javascript und jQuery dem Standard-Template-System von Shopware und bauten das Template entsprechend der Anforderungen von Grund auf. Dabei haben wir natürlich alle Standards eingehalten, denn nur so können die entsprechenden Einkaufswelten langfristig gepflegt werden und Informationen gut dargestellt werden. Um auch nach Jahren auf einem aktuellen technischen Stand zu sein, verwendeten wir alle nötigen Plugins und Erweiterungen in ihrer jeweils aktuellsten Version.

Entwicklung eines eBay Artikel-Template

Nach der Entwicklung des Shopware-Templates kümmerten wir uns zusätzlich um die saubere Optik der Produkte auf der Auktionsplatform eBay. Hierfür wird eine abgespeckte Version des Online-Shops verwendet und die Stile der Website kopiert. Bilder werden extern gespeichert und lassen sich mittels der geschickten Einbindung von JavaScript-Plugins auf der eBay Artikelseite vergrößern und schöner darstellen - ohne Hilfe von eBay selbst.

Online-Shop ansehen

Was wir gemacht haben:

  • Logodesign
  • Webdesign / Online-Shop Design
  • Shopware-Template Entwicklung mit HTML5, CSS3, Javascript, jQuery
  • Entwicklung eines eBay Artikel-Templates
  • Bildbearbeitung
  • Suchmaschinenoptimierung