Ein kleiner Lebensmittelhersteller hat nur eine Chance auf einen guten ersten Eindruck: Wenige Sekunden nach dem Aufruf der Website sieht der Kunde, ob die Marke glaubwürdig ist und ob er das Produkt probieren möchte. Für Sokoniada, eine Marke naturbelassener Presssäfte, haben wir eine leichte Website erstellt, die die Säfte zeigt, die Geschichte der Marke erzählt und zum Kontakt führt: sokoniada.pl. In dieser Fallstudie beschreiben wir, wie wir an die Website eines Herstellers von Presssäften herangegangen sind und was genau darauf funktioniert.
Kurzfassung: Website eines Herstellers von Presssäften
- Kunde: Sokoniada, Hersteller naturbelassener Presssäfte
- Branche: Lebensmittelproduktion und -verkauf, Obst- und Gemüsesäfte
- Leistungsumfang: Konzept der Website, Layout in Blocs, Produktunterseiten, Kontaktformular, Cookie-Banner, Sitemap
- Technologien: HTML, CSS, Bootstrap, JavaScript, Blocs, lazysizes, WebP-Bilder
- Website-Adresse: sokoniada.pl
Die Herausforderung: Säfte appetitlich und die Marke glaubwürdig wirken lassen
Laut der Website presst Sokoniada Säfte aus frischem Obst und Gemüse, unter anderem aus Äpfeln, Rhabarber, Japanischer Zierquitte, Roter Bete und schwarzen Johannisbeeren, ohne künstliche Zusätze. Solchen Produkten dient keine überladene Website. Gebraucht werden eine klare Form, gute Fotos und eine verständliche Beschreibung dessen, was ein Presssaft ist.
Der Hersteller brauchte eine Website, die:
- das Saftangebot in wenigen Sekunden zeigt,
- in einfacher Sprache von der Marke erzählt, in Abschnitten, die sich auf dem Smartphone lesen lassen,
- sachliche Informationen zum Produkt enthält: Zutaten, Füllmenge, Aufbewahrung,
- schnell und günstig im Unterhalt ist, da es weder Shop noch ein aufwendiges Backend gibt,
- einen klaren Weg zum Kontakt per Telefon, E-Mail und Formular bietet.
Wie wir an dem Projekt gearbeitet haben
- Festlegung der Rolle der Website: informative Visitenkarte der Marke, ohne Online-Verkauf.
- Visuelles Konzept: helle, grüne Farben, die an Früchte und Garten erinnern, viel Licht und große Fotos.
- Umsetzung: in Blocs erstellte Website, mit Bildoptimierung und verzögertem Laden.
- Tests: Kontrolle der Ansicht auf dem Smartphone, des Formulars und der Produktunterseiten.
Das größte Risiko bei solchen Projekten ist ein Zuviel. Der Hersteller möchte alles über sich sagen, während der Kunde drei Informationen sucht: was das für Säfte sind, woraus sie bestehen und wie man Kontakt aufnimmt. Deshalb haben wir schon im Gespräch die Hierarchie der Inhalte festgelegt und beiseitegelegt, was die Aufmerksamkeit ablenken könnte, etwa ausführliche Galerien oder lange Firmengeschichten. Jeden zusätzlichen Abschnitt kann man später ergänzen, wenn der Bedarf entsteht.
Die Lösung: eine leichte Website statt eines schweren Shops
Wir haben uns für eine statische Website entschieden, erstellt im Tool Blocs auf Bootstrap-Basis. Es gibt hier weder eine Datenbank noch ein CMS-Backend, das aktualisiert werden müsste, daher lädt die Seite schnell, ist einfach zu hosten und hat weniger angreifbare Elemente als ein umfangreiches System. Für einen Hersteller, der sein Angebot einige Male im Jahr ändert, ist das ein vernünftiger Kompromiss zwischen Kosten und Qualität.
Die Website haben wir um einige einfache Prinzipien herum gestaltet. Erstens haben Fotos Vorrang vor Text, denn Säfte kauft man mit den Augen. Zweitens basiert die Palette auf hellem Grün und Weiß, mit dunklerem Grün in Überschriften und Buttons, sodass der Text gut lesbar bleibt. Drittens hat jede Unterseite dieselbe Leiste mit E-Mail-Adresse und Telefonnummern, der Kunde muss also nie nach dem Kontakt suchen. Hinzu kommt die Schrift Open Sans, neutral und vom Lesen am Bildschirm gut bekannt.
Karussell, Geschichte der Marke und appetitliche Fotos
Der erste Bildschirm ist ein Karussell mit drei großen Fotos von Früchten, darunter die Überschrift „Naturalna esencja smaku“ (Natürliche Essenz des Geschmacks) und eine Beschreibung der Marke. Die Bilder liegen im WebP-Format vor und werden verzögert geladen, sie bremsen also den Seitenaufbau nicht. Weiter unten auf der Startseite sieht man das Zeichen „Produkt Polski“ (Polnisches Produkt) sowie Fotos von Flaschen und Früchten.
Saftliste und Produktunterseiten
Der Reiter Säfte zeigt alle Säfte in einem zweispaltigen Layout: Saft aus schwarzen Johannisbeeren, Äpfeln, Zierquitte, Rhabarber und Roter Bete. Jeder hat ein Etikett mit Illustration und Kurzbeschreibung. Eigene Produktunterseiten, zum Beispiel Zierquittensaft oder Rote-Bete-Saft, nennen die Füllmenge von 300 ml, die Zusammensetzung (100 % Saft der jeweiligen Frucht), den Hinweis auf die Pasteurisierung und Aufbewahrungshinweise: nach dem Öffnen im Kühlschrank lagern und innerhalb von 7 Tagen verbrauchen, ein Bodensatz ist eine natürliche Erscheinung.
Abschnitte, die von der Marke erzählen
Auf den Seiten gibt es außerdem einige kurze Abschnitte, die die Marke aufbauen: „Blisko Ciebie“ (Nah bei Ihnen), „Jakość na pierwszym miejscu“ (Qualität an erster Stelle), „Od uprawy po gotowy produkt“ (Vom Anbau bis zum fertigen Produkt) und „Czysty smak, zero kompromisów“ (Reiner Geschmack, keine Kompromisse). Das sind Aussagen des Herstellers, laut dem die Säfte ohne künstliche Zusätze, Konservierungsstoffe und Farbstoffe entstehen. Auch der Text über die Eigenschaften der Früchte stammt vom Kunden. Unsere Rolle war es, ihm eine übersichtliche Form zu geben: kurze Absätze, Überschriften und viel Weißraum, damit sich der Leser nicht in dichtem Text verliert.
Diese Aufteilung hat auch eine praktische Dimension. Die Saftliste dient als Katalog, in dem der Kunde Geschmacksrichtungen vergleicht, und die Produktunterseiten erlauben Details, die wir nicht in die Liste packen wollen. Wenn der Hersteller eine neue Sorte ergänzt, entsteht einfach eine weitere Unterseite mit demselben Aufbau, der Ausbau des Angebots erfordert also keinen Umbau der gesamten Website.
Kontakt und Formular
Im Header jeder Unterseite stehen eine E-Mail-Adresse und zwei Telefonnummern, und die Unterseite Kontakt enthält die Firmendaten und ein Formular mit Feldern für Name, E-Mail-Adresse und Nachricht. So findet der Kunde schnell einen Weg, nach den Säften zu fragen.
SEO, DSGVO und Sicherheit
- Sitemap: Die Datei sitemap.xml führt die Startseite, die Saftliste, Kontakt, Nutzungsbedingungen, Datenschutzerklärung und fünf Produktunterseiten sowie die Bilder auf.
- Eigene Produktadressen: Jeder Saft hat eine eigene Adresse, zum Beispiel /sok-z-jablek/, was Suchmaschinen die Themenerkennung erleichtert.
- Performance: Lazy Load für Bilder (lazysizes) und WebP-Grafiken.
- Cookies und Datenschutz: Cookie-Hinweis sowie Unterseiten mit Nutzungsbedingungen und Datenschutzerklärung (DSGVO, RODO).
- Sicherheit: Eine Website ohne Datenbank und CMS-Backend hat weniger Elemente, die aktualisiert und abgesichert werden müssen.
Ehrlicherweise sei angemerkt, dass dies weiterhin eine einfache Website ist. Sie führt weder einen Blog noch einen Shop, und weitere SEO-Maßnahmen wie Meta-Beschreibungen oder Inhalte zum Pressvorgang sind der natürliche nächste Schritt, wenn der Hersteller die Sichtbarkeit bei Google erhöhen möchte.
In der Praxis könnte die weitere Entwicklung in mehrere Richtungen gehen. Man kann kurze Meta-Beschreibungen und strukturierte Daten für die Produkte ergänzen, eine Galerie vom Pressprozess, einen Bereich mit Verkaufsstellen oder auf ein CMS umsteigen, wenn der Hersteller einen Blog mit Rezepten führen möchte. Jeder dieser Schritte lässt sich auf der bestehenden Website umsetzen, denn ihre Struktur ist einfach und geordnet.
Im Projekt eingesetzte Technologien
- Blocs zum Aufbau des Layouts und zum Export der Seiten,
- Bootstrap, HTML5, CSS und JavaScript für die Responsivität,
- lazysizes und WebP-Bilder für die Geschwindigkeit,
- cookieconsent für den Cookie-Hinweis,
- sitemap.xml für Suchmaschinen.
Das Ergebnis: stimmige Visitenkarte der Marke und einfacher Kontakt
Sokoniada hat eine Website, die die Säfte zeigt, von der Marke erzählt und den Kontakt erleichtert, ohne Betriebskosten für einen Shop oder ein Backend. Wir haben keine Daten zu Traffic oder Verkauf und nennen daher keine Zahlen. Der Wert liegt darin, dass sich der Hersteller seinen Kunden professionell präsentieren und jederzeit eine weitere Sorte als neue Unterseite ergänzen kann. Die Website ist schnell, auf dem Smartphone gut lesbar und stimmig mit dem, was die Marke kommuniziert: Einfachheit, Natürlichkeit und der Geschmack von Früchten statt Schnörkeln. So lassen sich weitere Änderungen, vom neuen Foto bis zur zusätzlichen Sorte, schnell und ohne Risiko für den Rest des Portals umsetzen.
Aus Sicht der Agentur ist das ein gutes Beispiel für die Anpassung des Werkzeugs an den Bedarf. Hätten wir einen Onlineshop vorgeschlagen, würde der Hersteller für Funktionen zahlen, die er nicht nutzt, und müsste sich um Bestellungen kümmern, die er nicht abwickeln will. Stattdessen erhielt er eine Website, die tut, was er von ihr erwartet: Vertrauen aufbauen, Produkte zeigen und zum Gespräch führen.
Für wen diese Lösung geeignet ist
Eine solche Website eignet sich für kleine Lebensmittelhersteller, Bauernhöfe, Manufakturen für regionale Konserven, Bäckereien, Weingüter und Imkereien sowie überall dort, wo ein glaubwürdiges Erscheinungsbild der Marke zählt und der Verkauf außerhalb des Internets stattfindet. Wenn Sie Buchungen oder einen Shop benötigen, sehen Sie sich unsere Referenzen an: das Buchungssystem für Boote, beschrieben in einer eigenen Fallstudie.
Häufige Fragen zur Website eines Lebensmittelherstellers
Braucht ein kleiner Saftproduzent einen Onlineshop?
Nicht sofort. Wenn die Produkte hauptsächlich direkt oder über Abnehmer verkauft werden, genügt eine gute Visitenkarten-Seite mit Beschreibung der Marke, Saftliste und schnellem Kontakt. Einen Shop sollte man ergänzen, wenn der Hersteller bereit ist, Bestellungen, Verpackung und den Versand von Lebensmitteln abzuwickeln. Die Website von Sokoniada wurde als informativ konzipiert, was auch ihre eigenen Nutzungsbedingungen bestätigen.
Worin unterscheidet sich eine statische Website von WordPress?
Eine statische Website besteht aus fertigen HTML-, CSS- und JavaScript-Dateien ohne Datenbank, läuft daher schnell und ist einfach zu pflegen. WordPress bietet ein bequemes Backend zur Bearbeitung von Inhalten, Blog oder Shop. Bei wenigen Unterseiten und seltenen Änderungen genügt oft die einfachere statische Website, bei häufigen Aktualisierungen ist ein CMS besser.
Was sollte die Produktseite eines Lebensmittels enthalten?
Name und Füllmenge, Zutaten, Informationen zur Pasteurisierung, Hinweise zu Aufbewahrung und Verzehr nach dem Öffnen sowie die Kontaktdaten des Herstellers. So sind die Saft-Unterseiten von Sokoniada aufgebaut. Die Informationspflichten gegenüber Verbrauchern hängen von der Art des Verkaufs ab, daher sollte man sie stets mit einem Berater für Lebensmittelrecht abstimmen.
Darf man auf der Website eines Lebensmittelherstellers gesundheitliche Eigenschaften beschreiben?
Nur mit großer Vorsicht. Gesundheitsbezogene Angaben über Lebensmittel regelt die EU-Verordnung Nr. 1924/2006, und nicht jede Aussage ist zulässig. Als Ersteller der Website verantworten wir ihre Form, und gesundheitsbezogene Inhalte, die der Hersteller liefert, sollten von einer Person geprüft werden, die die Vorschriften kennt.
Wie wird die Website eines Herstellers bei Google sichtbar?
Grundlage sind eigene Produktunterseiten, übersichtliche Überschriften, Bildbeschreibungen, eine Sitemap und schnelles Laden. Für einen lokalen Hersteller sind außerdem stimmige Kontaktdaten und Beschreibungen des Pressens oder der Herkunft der Früchte wichtig. Effekte in der Suchmaschine brauchen jedoch Zeit und regelmäßige Inhalte, daher lässt sich keine konkrete Position versprechen.
Einfache Website eines Lebensmittelherstellers: wann eine statische Visitenkarte genügt
Sokoniada verkauft Säfte außerhalb des Internets und braucht daher weder Shop noch CMS-Backend. Wir haben eine statische Website mit eigener Adresse für jeden Saft, Sitemap und verzögert geladenen WebP-Bildern gewählt. Das ist ein gutes Beispiel für den Grundsatz, dass das Werkzeug zum Bedarf passen soll: Weniger zu aktualisierende Elemente bedeuten geringere Kosten und eine kleinere Angriffsfläche. Wenn der Hersteller Inhalte ausbauen möchte, etwa einen Blog mit Rezepten, kann die Website auf ein CMS umsteigen, und der Ausbau um eine neue Sorte ist eine weitere Unterseite mit demselben Aufbau. Ehrlicherweise sei ergänzt, dass es weiterhin eine einfache Website ist und ein nächster Schritt Meta-Beschreibungen und strukturierte Daten der Produkte sein könnten.
Die Ladegeschwindigkeit ist einer der Faktoren für die Wahrnehmung einer Website und sollte gemessen werden; die Grundsätze beschreibt der Artikel über die Optimierung der Geschwindigkeit von WordPress-Seiten. Die Grundsätze eines übersichtlichen Layouts und der Hierarchie der Inhalte finden Sie im Text über Webdesign. Einen ähnlichen Weg, aber mit technischen Daten und B2B-Formular, zeigt die Website des Organizer-Herstellers ECODDC.
Wenn Sie nicht sicher sind, ob Sie eine Visitenkarte oder einen Shop brauchen, vergleichen Sie die Kosten im Rechner oder vereinbaren Sie ein kostenloses Gespräch.
Sie brauchen eine Website für Ihre Marke?
Wir bauen Visitenkarten-Websites, Shops und Buchungssysteme für Unternehmen und Hersteller. Sehen Sie sich unsere Leistungen an, schauen Sie sich weitere Referenzprojekte an oder kontaktieren Sie uns gleich. Das erste Gespräch ist kostenlos.
