Webdesign-Referenz
Online-Shop für Frommis in St. Gallen
Für die Frommis Delikatessen GmbH in St. Gallen hat Apex Design Website und Online-Shop unter einer Adresse gebaut. Der Shop führt Schweizer Lachs von Swiss Lachs, die Kasse fragt nach dem Liefertag und führt weiter zur Zahlung über Payrexx mit TWINT, Karte, Apple Pay oder Google Pay. Gastronomiebetriebe fragen ihre Preise über ein eigenes Formular an.
Der Abzug zeigt die Startseite vom Oktober 2026 mit der Hauptüberschrift «Guter Fisch. Ausgewählt mit Erfahrung.» vor dem Kopfvideo, einer Luftaufnahme eines Sees aus einem Bildarchiv.
Website ansehen: frommisdelikatessen.ch (öffnet in neuem Tab)
Ausgangslage: Website und Shop getrennt
Die Frommis Delikatessen GmbH in St. Gallen handelt mit Fischspezialitäten und Delikatessen. Sie beliefert die Gastronomie und bietet Privatkunden Schweizer Lachs von Swiss Lachs aus Lostallo in einem Online-Shop an.
Bis Oktober 2026 gab es zwei getrennte Auftritte: eine Website und einen Shop auf einer eigenen Subdomain. Der Shop war offline, und von den 31 Links der Website in den Shop führten 30 ins Leere. Seit Oktober 2026 stehen Website und Shop gemeinsam unter frommisdelikatessen.ch.
Aufgabe
- den Auftritt erneuern und dabei Logo und Goldton der Marke behalten
- einen Online-Shop für Privatkunden, der mit einem Teil des Sortiments von Swiss Lachs startet
- die Produktdaten von Swiss Lachs übernehmen und dabei eigene Verkaufspreise setzen
- eine eigene Kasse unter der Marke Frommis, nicht beim Produzenten, mit TWINT und Kreditkarte
- Sortiment, Preise, Aktionen und Texte im Betrieb selbst nachführen, ohne Programmierkenntnisse
Vorher und nachher
Shop
Vorher: Der Shop lag auf einer eigenen Subdomain und zeigte seit Mai 2026 nur «Shop momentan offline».
Jetzt: Der Shop gehört zur Website und führt 37 Produkte in sieben Kategorien (Stand Oktober 2026). Die frühere Subdomain leitet dorthin.
Bestellen und bezahlen
Vorher: Bestellt wurde über ein Formular, bezahlt nur auf Rechnung.
Jetzt: Warenkorb und eine Kasse in drei Schritten, auf Wunsch mit einer anderen Lieferadresse, etwa für ein Geschenk, und mit Zahlung über Payrexx.
Seiten und Navigation
Vorher: Acht der 15 Seiten waren über keinen Link erreichbar, darunter die Preisliste mit dem einzigen Bestellformular.
Jetzt: Die Navigation führt auf die fünf Bereiche Shop, Gastronomie, Frommis Welt, Geschenke und Kontakt.
Datenschutz und Impressum
Vorher: Eine Datenschutzerklärung gab es nicht, obwohl das Bestellformular Adressen erhob, und das Impressum nannte keine UID.
Jetzt: Eine Datenschutzerklärung mit neun Abschnitten, darunter Formulare und Bestellungen, und ein Impressum mit UID.
Umsetzung: Kasse, Import und Pflegebereich
Website und Shop teilen eine Adresse und eine Gestaltung. In der Sitemap stehen 53 Adressen: neun Seiten, sieben Kategorien und 37 Produktseiten (Stand Oktober 2026). Die Produktseiten zeigen den Lagerstand, bei einzelnen Produkten eine Auswahl nach Gewicht oder Zuschnitt und zum Aufklappen Hinweise zur Lieferung, bei den meisten Produkten auch Angaben des Herstellers wie Zutaten und Haltbarkeit.
Liefertag im Kalender
Wählbar sind nur Tage, an denen der Betrieb liefert, ohne Feiertage und gesperrte Tage, und nur, solange der Bestellschluss nicht vorbei ist. Beim Bestellen prüft der Server den gewählten Tag noch einmal.
Zahlung über Payrexx
Gewählt und bezahlt wird auf der Zahlungsseite von Payrexx. Als bezahlt gilt eine Bestellung erst, wenn Payrexx die Zahlung auf Nachfrage des Shops bestätigt hat; dann gehen eine Bestellbestätigung an die Kundschaft und eine Meldung an den Betrieb.
Katalog von Swiss Lachs
Der Import liest den Katalog und zeigt vor dem Übernehmen, was neu, geändert oder entfallen ist. Neue Produkte kommen inaktiv herein, und die eigenen Verkaufspreise überschreibt er nie.
Pflegebereich
Dort bearbeitet der Betrieb die Produkte von Swiss Lachs und eigene Produkte, sieht Bestellungen mit Zahlungsstatus und exportiert sie als CSV, legt Versandregeln und Aktionsbanner fest und liest die Nachrichten aus Kontaktformular und Gastronomie-Anfrage.
Grundlage sind Next.js 15 und React mit eigener Datenbank; betrieben wird der Shop von Apex Design. Was sonst zu einem Shop gehört, steht unter Online-Shop erstellen lassen.
Fisch für die Gastronomie
Eine eigene Seite stellt das Sortiment für Gastronomiebetriebe in fünf Blöcken vor, darunter Fisch-Knusperli, Frischfisch und «Lachs & Räucherfisch». Gastronomiepreise fragen Betriebe über ein Formular mit sieben Pflichtfeldern und sieben Themen zum Ankreuzen an.
Bisherige Adressen weitergeleitet
Suchtreffer, Lesezeichen und Verweise zeigen noch auf Adressen der bisherigen Website und des bisherigen Shops. Dauerhafte Weiterleitungen (Status 301 und 308) führen alte Seiten, Kategorien und Produkte auf die neuen Seiten.
Am Tag der Umstellung wurden 232 alte Adressen aus Sitemap, Webarchiv und bisherigem Sortiment geprüft, je mit und ohne «www» und unter der früheren Subdomain des Shops. Alle kamen nach höchstens drei Weiterleitungen auf einer Seite von frommisdelikatessen.ch an.
Domain umgestellt, E-Mail unverändert
Die Domain zeigt auf die neue Website, die E-Mail-Postfächer blieben, wo sie waren. Warum das getrennt geht, erklärt der Ratgeber zu Domain, Hosting und E-Mail. Wie Apex Design einen Relaunch mit weitergeleiteten Adressen plant, beschreibt die Leistungsseite.
Website ansehen
frommisdelikatessen.ch (öffnet in neuem Tab)
Labormessung
Messtag 22.10.2026Desktop
- Best Practices: 100 von 100 Punkten
- SEO: 100 von 100 Punkten
Gemessen an der Startseite und einer Produktseite mit Lighthouse 13.5, Median aus drei Läufen. Ein solcher Laborwert ist eine Momentaufnahme vom Tag der Messung.
Einen zweiten Shop aus St. Gallen zeigt die Fallstudie Sanalux GmbH, einen Weinshop mit Pflegebereich die Fallstudie amici del vino. Weitere Projekte aus dem Kanton stehen auf der Seite Webdesign im Kanton St. Gallen, und unter alle Referenzen steht jede Fallstudie.
FAQ
Fragen zum Online-Shop von Frommis in St. Gallen
In drei Schritten: zuerst die Adresse, auf Wunsch mit einer anderen Lieferadresse, dann der Liefertag im Kalender und zuletzt die Zahlung auf der Zahlungsseite von Payrexx, mit TWINT, Karte, Apple Pay oder Google Pay. Wählbar sind nur Tage nach den Regeln, die der Betrieb im Pflegebereich festlegt, und beim Bestellen prüft der Server den gewählten Tag noch einmal.
Über einen Import im Pflegebereich. Er liest den Katalog von Swiss Lachs mit Bildern, Texten und Varianten und zeigt vor dem Übernehmen, welche Produkte neu, geändert oder entfallen sind. Neue Produkte kommen inaktiv und ohne Verkaufspreis herein; die Verkaufspreise legt Frommis selbst fest, und der Import überschreibt sie nie. Eigene Produkte lassen sich zusätzlich anlegen.
Dauerhafte Weiterleitungen (Status 301 und 308) führen alte Seiten, Kategorien und Produkte auf die neuen Seiten. Am Tag der Umstellung wurden 232 alte Adressen der bisherigen Website und des bisherigen Shops geprüft, je mit und ohne «www» und unter der früheren Subdomain des Shops; alle kamen nach höchstens drei Weiterleitungen auf einer Seite von frommisdelikatessen.ch an. Die E-Mail-Postfächer blieben, wo sie waren.
Ein Shop für Ihr Sortiment?
Beschreiben Sie kurz Ihr Sortiment, wann und wohin Sie liefern und wie Ihre Kundschaft bezahlen soll. Daraus entsteht der Aufbau Ihres Shops, und die Offerte hält ihn später fest.