Webdesign und Webmaster

Wie unsere Webseite entstanden ist

Arwed Grön von GROENIE.AI am Laptop im Garten, Webdesigner der Webseite von Fleischermeister MehrensArwed Grön, GROENIE.AI · Foto: Madita Karlson

Ich wollte eine Webseite, die zeigt, wie wir arbeiten: ehrliches Handwerk, frisch auf dem Wochenmarkt. Selbst bauen wollte ich sie nicht, selbst pflegen aber schon. Deshalb habe ich mir Arwed Grön von GROENIE.AI aus Felde am Westensee dazugeholt. Wir kannten uns schon lange: Arwed und seine Frau sind seit vielen Jahren Kunden an unserem Wagen auf dem Wochenmarkt in Westensee.

Er hat zugehört, nachgefragt, fotografiert und gefilmt. Herausgekommen ist eine Webseite, die nach uns aussieht: Holztisch, Kreidetafel, Mettwurst.

GROENIE.AI, Business-Optimierung mit KI: Webdesign und Webmaster dieser Webseite von Fleischermeister Mehrens

​

Was ich beigesteuert habe

Alle Angaben zum Betrieb, zu den Märkten und zum Sortiment, die Artikelliste, Fotos vom Wagen, aus der Küche und aus unserer Familiengeschichte, den Meisterbrief und unser Logo von 1992.

Was Arwed Grön gemacht hat

  1. Konzept und Seitenplan
  2. Texte: Viele sind aus Interviews mit ihm entstanden. Ich habe erzählt, er hat daraus die Texte geschrieben.
  3. Fotos am Wagen, Dreh und Schnitt der Videos, Bildbearbeitung und mit KI gestaltete Bilder
  4. Gestaltung im Stil „Holztisch“ (Verkaufswagen, Kreidetafel, Pergament)
  5. Alle Texte und Bilder hat er selbst eingebaut. Ich musste nichts hochladen oder zusammensetzen.
  6. SEO und GEO: Optimierung für Suchmaschinen wie Google (SEO) und für KI-Suchen wie ChatGPT (GEO), damit man uns findet
  7. E-Mail-Postfach info@marktfleischer.de eingerichtet, dazu eine persönliche Anleitung zum Einrichten auf Handy und Computer
  8. Technik: Einrichtung im Worldsoft Site Wizard (dem Baukasten für die Webseite), Formulare, Pflege
​

Was diese Zusammenarbeit besonders macht

Oft bekommt man als Betrieb nur ein leeres Gerüst und muss Texte und Fotos selbst liefern und einbauen. Hier war es anders: Arwed hat mich interviewt, am Wagen fotografiert und gefilmt und die Webseite mit KI-Hilfe gebaut. Trotzdem kann ich heute alles selbst ändern, ganz normal im Bearbeitungsprogramm der Webseite (dem Editor). Meist kümmere ich mich um Angebote und Mittagstisch, den Rest erledigt Arwed. Das hat er mir in einer Schulung gezeigt und dazu eine Schritt-für-Schritt-Anleitung eigens für mich geschrieben.

​

Digitale Effekte zum Entdecken

Auf unserer Webseite steckt mehr als Text und Bild. Klicken Sie auf einen Eintrag, dann sehen Sie, was passiert und wo Sie es finden.

Fleischermeister Mehrens, digitaler Effekt: Startseite: Der Verkaufswagen öffnet sich

Wo: Startseite, das große Bild direkt unter dem Menü. Es ist das Erste, was Sie beim Öffnen von marktfleischer.de sehen.

Was passiert: Hier läuft eine Animation als Video, rund 7 Sekunden lang. Aus einem Foto unseres Verkaufswagens ist eine kleine Geschichte geworden: Der Wagen öffnet sich wie morgens auf dem Markt. Ein Video drehen kann jeder. Ein Foto so zum Leben zu erwecken, dass es eine Geschichte erzählt, ist dagegen noch etwas ganz Besonderes. Die Animation läuft einmal ab und bleibt dann stehen. Rechts klebt das rote Schild „Angebot der Woche“.

Zur Startseite ›

Fleischermeister Mehrens, digitaler Effekt: Startseite: Der Anhänger weiß, welcher Tag ist

Wo: Startseite, unter der Begrüßung „Wurst und Fleisch wie früher.“

Was passiert: Der Packpapier-Anhänger zeigt jeden Tag von selbst, auf welchem Markt wir heute stehen, von wann bis wann, und ob gerade geöffnet ist. Niemand muss ihn von Hand ändern.

Zur Startseite ›

Fleischermeister Mehrens, digitaler Effekt: Startseite: Kurzvideo mit Untertiteln

Wo: Startseite, direkt unter dem Anhänger.

Was passiert: In einem 25-Sekunden-Video stelle ich mich vor. Darunter laufen Untertitel mit: Eine KI hat sie aus meinen gesprochenen Worten geschrieben (Spracherkennung), Arwed hat sie geprüft und ins Bild gesetzt, dazu wird mein Name ins Bild geschrieben. So versteht man alles auch ohne Ton, zum Beispiel unterwegs im Bus.

Zur Startseite ›

Fleischermeister Mehrens, digitaler Effekt: Startseite: Die Wurst zum Ziehen

Wo: Startseite, unter der Kreidetafel „Hier finden Sie uns“, kurz vor „Bei uns am Wagen“.

Was passiert: Die zwei Fleischer aus unserem Logo von 1992 ziehen an einer Wurst, bis sie reißt und unser Name erscheint. Noch einmal? Einfach anklicken.

Zur Startseite ›

Fleischermeister Mehrens, digitaler Effekt: Märkte: Der Anhänger an der Kreidetafel

Wo: Seite „Märkte und Termine“, gleich unter dem großen Bild: links an der Kreidetafel „Märkte und Termine“.

Was passiert: Auch hier zeigt der Anhänger jeden Tag von selbst, wo wir heute stehen und wann wir geöffnet haben. Auf der Kreidetafel daneben stehen alle Markttage der Woche, jeder Ort ist verlinkt.

Zu den Märkten ›

Fleischermeister Mehrens, digitaler Effekt: Märkte: Karte mit allen Wochenmärkten

Wo: Seite „Märkte und Termine“, unter der Überschrift „So finden Sie uns auf den Märkten“.

Was passiert: Die Karte zeigt unsere sechs Märkte zwischen Kiel, Nortorf und Neumünster. Der Markt von heute ist markiert. Wählen Sie einen anderen Wochentag, zeigt die Karte, wo wir an diesem Tag stehen. Dann klicken Sie einfach auf den Markt, der Sie interessiert, und landen direkt auf seiner Info-Seite.

Was das für einen Betrieb bringt: Unsere Kundschaft findet auf jeder Markt-Info-Seite alles für ihren Besuch auf einen Blick: Markttage und Uhrzeit, den genauen Platz, wo man parken kann und sogar, wie man mit Bus und Bahn hinkommt, mit Haltestelle und Fußweg. Dazu Sondertermine, den Weg zur Vorbestellung und einen Button, der das Navi direkt zum Markt startet. Kein Suchen, kein Umweg: Man klickt auf das, was einen interessiert, und findet genau dort die Antwort (intuitive Navigation). So muss niemand erst anrufen, um zu fragen, wo wir heute stehen oder wo man parken kann.

Zu den Märkten ›

Fleischermeister Mehrens, digitaler Effekt: Märkte: Film „Ein Vormittag am Wagen“

Wo: Seite „Märkte und Termine“, ganz unten unter der Überschrift „Ein Vormittag am Wagen“.

Was passiert: Ein 40-Sekunden-Film vom echten Markttreiben an unserem Verkaufswagen. Arwed hat dazu an zwei Markttagen in Nortorf und Westensee gefilmt und fotografiert. Der KI-Assistent Claude hat daraus einen Film geschnitten, die Fotos mit eingearbeitet und die Gesichter der Kundschaft unkenntlich gemacht.

Was das für einen Betrieb bringt: Besucher spüren die echte Stimmung am Wagen, und trotzdem ist niemand aus der Kundschaft zu erkennen. So muss keiner um Erlaubnis gefragt werden, und die Privatsphäre bleibt geschützt.

Zu den Märkten ›

Fleischermeister Mehrens, digitaler Effekt: Mittagstisch: Schild „ausverkauft“

Wo: Mittagstisch, Unterseite „Diese Woche“, auf den Karten der Gerichte. Zu sehen nur, wenn ein Gericht wirklich ausverkauft ist.

Was passiert: Ich tippe im Bearbeitungsprogramm der Webseite nur das Wort „ausverkauft“ unter den Namen des Gerichts. Dann erscheint von selbst ein schräges rotes Schild, und das Foto wird blass.

Zum Mittagstisch ›

Fleischermeister Mehrens, digitaler Effekt: Sortiment von A bis Z: zum Aufklappen

Wo: Sortiment, Unterseite „Sortiment von A bis Z“, die Liste aus Kreidetafeln unter der Einleitung.

Was passiert: Unser ganzes Sortiment, sortiert in Gruppen. Ein Klick auf eine Kreidetafel klappt die Gruppe auf, so bleibt die lange Liste übersichtlich.

Zum Sortiment von A bis Z ›

Fleischermeister Mehrens, digitaler Effekt: Formulare: Datenschutz zum Aufklappen

Wo: Kontakt, Unterseiten „Vorbestellung“ und „So erreichen Sie uns“, direkt unter den Eingabefeldern: „Ihre Daten und Ihre Rechte“.

Was passiert: Ein Klick klappt den Datenschutz-Hinweis auf. So bleibt das Formular kurz, und alle Pflichtangaben sind trotzdem da. Ein Häkchen, das man vor dem Absenden setzen muss, braucht es nicht.

Zum Vorbestell-Formular ›

Fleischermeister Mehrens, digitaler Effekt: Überall: Kreidetafeln aus Code

Wo: Auf fast jeder Seite: das Menü oben, die Tafel „Märkte und Termine“, die Angebote der Woche und das Sortiment von A bis Z.

Was passiert: Die Kreidetafeln sind keine Fotos. Ein Code im Hintergrund der Webseite (HTML und CSS, das sind Bau- und Gestaltungsanweisungen für den Browser) zeichnet Schiefer, Holzrahmen und Kreidestaub und erzeugt zu jedem Text die passende Tafel, egal wie lang er ist. Darum bleibt die Schrift echter Text: Google kann ihn lesen, und ich ändere ihn ganz normal im Bearbeitungsprogramm der Webseite (dem Editor). Genauso entstehen die Überschriften auf echter Mettwurst und der Holztisch im Hintergrund.

Zum Sortiment von A bis Z ›

Fleischermeister Mehrens, digitaler Effekt: Überall: Das Emaille-Schild mit unserem Logo

Wo: Oben links auf jeder Seite.

Was passiert: Unser Logo hängt wie ein altes Emaille-Schild an der Bretterwand, mit Rand und Schrauben. Auch das ist kein Foto: Ein Code im Hintergrund der Webseite zeichnet das Schild um unser Logo herum.

Zur Startseite ›

Fleischermeister Mehrens, digitaler Effekt: Überall: Die Mini-Wurst unter dem Menüpunkt

Wo: Im Menü oben auf jeder Seite.

Was passiert: Unter dem Menüpunkt der Seite, auf der Sie gerade sind, liegt eine kleine Mettwurst statt eines Strichs. So sieht man sofort, wo man sich befindet. Schauen Sie die Seite einmal auf dem Handy an: Ganz unten auf der Seite hängen die Überschriften als kleine Würste untereinander, so wie Würste beim Fleischer an einer Schnur hängen.

Zu den Märkten ›

Sie möchten solche Effekte auch auf Ihrer Webseite?

Lebendige Bilder, Tafeln und Anhänger, die sich jeden Tag selbst aktualisieren: Arwed Grön baut so etwas passend für Ihren Betrieb.

Arwed Grön ansprechen ›

​

Häufige Fragen

Arwed hat für Texte, Bilder und Programmierung KI-Assistenten wie Claude und Gemini genutzt. Jede Seite hat er selbst geprüft und mit uns abgestimmt. Die Webseite selbst ist eine ganz normale Worldsoft-Webseite, die wir im Bearbeitungsprogramm der Webseite selbst pflegen.

Ja, alles. Texte, Fotos, Angebote, Mittagstisch, neue Seiten, das Menü, Formulare, Farben und Schriften: Als Inhaber kann ich jede Einstellung meiner Webseite selbst vornehmen, ganz ohne Programmieren, im Bearbeitungsprogramm der Webseite. Nur die digitalen Effekte im Hintergrund, zum Beispiel die Kreidetafeln oder den Anhänger, der jeden Tag den richtigen Markt zeigt, baut Arwed.

Im Alltag ändere ich vor allem Angebote, Mittagstisch, Texte und Fotos. Den Rest überlasse ich gern Arwed, damit ich mich auf mein Handwerk konzentrieren kann. Gezeigt hat er mir alles in einer Schulung, dazu gibt es eine Schritt-für-Schritt-Anleitung.

Webseite, Formulare und Kontaktverwaltung laufen bei der Worldsoft AG in der Schweiz. Mehr dazu steht in der Datenschutzerklärung.

SEO heißt Suchmaschinen-Optimierung: Google soll uns finden. GEO heißt Optimierung für KI-Suchen wie ChatGPT: Auch dort sollen wir genannt werden. Dafür sorgen klare Texte, Seitentitel und Beschreibungen auf jeder Seite.

Viele Fotos stammen von uns, die Fotos und Videos am Wagen von Arwed. Einige Bilder sind mit KI gestaltet und so gekennzeichnet. Alles steht im Bildnachweis.

Die Live-Anzeige und der Anhänger auf der Startseite rechnen jeden Tag selbst. Angebote und Mittagstisch tragen wir jede Woche neu ein.

Das hängt vom Umfang ab. Unsere war ein Pilotprojekt. Wer so eine Webseite möchte, spricht am besten direkt mit Arwed Grön: groenie.com.

​

Ihnen gefällt unsere Webseite? Dann sprechen Sie Arwed Grön gern an: groenie.com. Sagen Sie ruhig, dass Sie von uns kommen.

Unsere Webseite ist mit dem Worldsoft Site Wizard (einem Baukasten für Webseiten) der Worldsoft AG aus der Schweiz erstellt worden. Webseite und CRM (Kontaktverwaltung) kommen dort aus einer Hand. Die Domain marktfleischer.de (unsere Internetadresse) haben wir im Juli 2026 dafür angemeldet.

Stand: Oktober 2026

Online seit dem 23. Oktober 2026

Ein Pilotprojekt

Unsere Webseite wurde mit Hilfe von KI erstellt. Pflegen können wir sie trotzdem ganz klassisch und sehr einfach selbst, im Bearbeitungsprogramm der Webseite (Fachwort: CMS).

Webdesign: Arwed Grön, GROENIE.AI