Redesign bonbon-mueller.de v2 — Part 2: Vom Designkonzept zum funktionierenden Shop in einer Woche

Eine Woche später

In Part 1 haben wir gezeigt, wie aus einem Businessplan, einer Shop-Analyse und Produktfotos sechs vollständige Designrichtungen entstanden. Heute, nur eine Woche später, steht ein funktionierender Online-Shop — fast produktionsreif.

Kein Mockup. Kein Prototyp. Ein echtes System mit echtem Backend, echter Suche und echten Inhalten.

Custom Next.js Frontend + Strapi CMS

Warum nicht Shopify oder WooCommerce? Weil keiner dieser Ansätze das leistet, was Bonbon-Müller braucht: einen Shop, der aussieht und sich anfühlt wie die Marke — nicht wie ein Template mit aufgeklebtem Logo.

Das Frontend ist eine maßgeschneiderte Next.js-Anwendung mit Server-Side Rendering. Dahinter: Strapi als Open-Source Headless CMS, über das der Kunde Produkte, Kategorien und Texte selbst pflegt.

Meilisearch: Suche, die den Namen verdient

Ergebnisse in Millisekunden. Versteht Tippfehler. Findet Produkte, Magazin-Artikel und Kategorien gleichzeitig.

KI-generierte Inhaltsseiten: Geschichte und Herstellung

Der vielleicht beeindruckendste Teil: Die Content-Seiten wurden komplett agentisch erstellt. Unser System hat autonom die vorhandenen Quellen analysiert — Businessplan, alte Website-Texte, Produktbeschreibungen — und daraus vollständige Seiten generiert.

Die Firmengeschichte

Wilhelm Müller, geboren 1924, der seine ersten Bonbons auf dem Wochenmarkt vor Publikum kochte. 1949 die Gründung. Drei Generationen. 75 Jahre Handwerk. Diese Geschichte existierte verstreut in verschiedenen Dokumenten — jetzt hat sie eine eigene Seite, chronologisch aufbereitet und im Ton der Marke geschrieben.

Die Bonbon-Herstellung

Vom Kochen des Zuckersirups über das Einarbeiten der Kräuterextrakte bis zum Formen und Verpacken — jeder Schritt dokumentiert und visuell aufbereitet. Nicht von einem Texter in Wochen recherchiert, sondern agentisch aus den vorhandenen Informationen generiert.

Von Designkonzept zu funktionierendem Shop: Eine Woche

In einem klassischen Agentur-Setup wären wir jetzt vielleicht bei der zweiten Feedback-Runde zum Designkonzept. Bei uns steht ein Shop mit:

• Custom Next.js Frontend — Server-Side Rendering, optimale Performance
• Strapi Headless CMS — volle Kontrolle für den Kunden
• Meilisearch — Sofort-Suche mit Tippfehler-Toleranz
• Agentisch generierte Content-Seiten — Geschichte und Herstellung

Das ist der Kern dessen, was wir bei Digitale Kumpel anders machen: Die Wartezeiten eliminieren, die in traditionellen Projekten 80% der Durchlaufzeit ausmachen.

Wie es weitergeht

• Zahlungssystem — damit aus dem Shop ein echtes Verkaufsinstrument wird
• Feinschliff — letzte Details, Animationen, Mobile-Optimierung
• Launch — Performance-Tests, Monitoring, Go-Live

Vom Businessplan zum produktionsreifen Shop in zwei Wochen. Das ist KI-gestützte Webentwicklung — nicht als Buzzword, sondern als Ergebnis.