Webdesign · Print
VITAMHefe-Produkte
Konzeption und Webdesign mit Rezeptbereich für einen Hersteller biologischer Hefeprodukte
Auftraggeber
VITAM Hefe-Produkt GmbH
Branche
Lebensmittel & Gastronomie
Umsetzung
Konzept, Layout, Webdesign (DE, EN, IT, FR, ES, DA), Messebanner
Jahr
2010 · 2019
vitam.de
Aufgabe
Als Hamelner Familienbetrieb stellt VITAM seit 1925 Hefeextrakt her und erweitert das Sortiment um biologische Aufstriche, Würzmittel und Backzutaten. Gesucht war ein Auftritt, der Produkte und Rezepte gleichwertig zeigt, beide miteinander verbindet und in mehreren Sprachen erreichbar ist.
Lösung
Produkte und Rezepte bilden die zwei Säulen der Website und verweisen dynamisch aufeinander: Jedes Rezept nennt die verwendeten Produkte, jedes Produkt führt zu Gerichten, in denen es vorkommt. Holzstruktur, handschriftliche Schrift im Header und gerissene Papierkanten geben dem Auftritt eine handwerkliche Note.
Aus dem Messebanner für die BioFach 2011 entstand die erste Website, 2019 folgte der Relaunch. Fünf Landingpages erschließen das Sortiment auf Englisch, Italienisch, Französisch, Spanisch und Dänisch.
vitam.de/produkte
Website Produkte
Acht Produktwelten, klar sortiert
Packshot und gemalter Titelstreifen machen jede Kategorie auf Anhieb erkennbar, vom Hefeextrakt über Brühen und Brotaufstriche bis zu Backzutaten. Das Raster passt sich der Höhe der Produktbilder an.
vitam.de/produkte/hefeflocken/hefeflocken-klassik
Mit der Maus im Fenster scrollen
Website Produktseite
Alles zum Produkt, dazu passende Rezepte
Beschreibung, Nährwerte, Verwendung und Zutaten stehen übersichtlich nebeneinander, die Nährstofftabelle lässt sich zwischen 100 g und Prozent der Referenzmenge umschalten. Am Ende führen Rezeptkacheln zu Gerichten mit genau diesem Produkt.
vitam.de/rezepte/suppen-eintoepfe/kalte-suppen/…
Website Rezeptseite
Vom Rezept direkt zum Produkt
Die Zutaten lassen sich aufklappen, die Zubereitung steht in nummerierten Schritten, Portionen und Kategorie bilden den Rahmen. Rechts zeigt „Verwendete Produkte“ das passende VITAM-Produkt, „Weitere Rezepte mit“ führt zu allen Gerichten dieser Produktlinie.
vitam.de/rezeptkategorie/hauptgerichte
Mit der Maus im Fenster scrollen
Website Rezeptkategorie
Rezepte schnell nach Gericht finden
Elf Rezeptkategorien von Suppen bis Smoothies gliedern den Bereich. Die Kategorieseite zeigt die Gerichte als Kachelraster mit Foto und Titelstreifen und bietet einen Filter für vegane Rezepte.
vitam.de/en
Mit der Maus im Fenster scrollen
Website Landingpages
Fünf weitere Sprachen
Landingpages auf Englisch, Italienisch, Französisch, Spanisch und Dänisch stellen das Unternehmen und ausgewählte Teile des Sortiments vor. Ein handschriftlicher Gruß in der jeweiligen Landessprache öffnet die Seiten. Der Sprachwechsel ist oben links jederzeit erreichbar.
Mobil-Ansicht
Produkte und Rezepte am Smartphone
Auf dem Smartphone stehen Packshot, Beschreibung, Zutaten und Zubereitung einspaltig untereinander, das Menü klappt ein. So bleiben Produkt- und Rezeptseiten auch unterwegs gut lesbar.
Print Messebanner
Purer Genuss auf der BioFach
Der erste Auftrag für VITAM war ein Messebanner für die BioFach 2011 in Nürnberg. Zwei Polaroids mit Rezepten, handgezeichnete Küchenmotive und der Kontrast aus Limette und Beerenrot bringen Sortiment und Genuss auf eine Wand.