Zum Inhalt springen
Marktplatz · Café

Holm. Für Kaffeebars, die mehr verkaufen als den Kaffee im Becher.

Holm ist das Template für Kaffeebars mit mehreren Häusern, eigener Röstung und einem kleinen Versand. Neunzehn Seiten in dunklem Tannengrün, mit Bedarfsrechner fürs Bohnen-Abo, Stempelkarte ohne App, Stadtfilter über acht Standorte und drei Langtexten, die aus der Suche kommen. Gebaut für den Betrieb, der drei Dinge gleichzeitig erklären muss: wo man hingeht, was es gibt und was man mit nach Hause nimmt.

Vorschau ansehen

Für eigene Websites und Kundenprojekte. Du passt den Projektordner in deinem KI-Werkzeug an. Umsetzung abgeben?

19 SeitenBedarfsrechner fürs Bohnen-AboStempelkarte ohne App
Portrait von ai-website.com Creator dieses Templates ai-website.com
Die Geschichte

Acht Häuser, ein Onlineshop, eine Stempelkarte, und der Gast fragt trotzdem wie viel brauche ich

Die ganze Geschichte lesen

Eine Kaffeebar mit mehreren Standorten verkauft drei verschiedene Dinge, und die meisten Websites erklären nur das erste. Wo man hingeht. Was es gibt, steht dann auf einer Karte ohne Bilder, und was man mit nach Hause nimmt, versteckt sich hinter einem Link namens Shop.

Holm dreht die Reihenfolge um und macht sie sichtbar. Die Startseite führt vom Laden über die Karte zum Versand zur Treuekarte, und jede der vier Stufen hat ihre eigene Seite mit echtem Inhalt. Der Stadtfilter entsteht aus den Daten, der Öffnungsstatus rechnet aus den Zeiten, und die Karte zeigt Bilder statt einer Liste.

Das Stück, an dem der Verkauf hängt, ist der Bedarfsrechner. Wer Bohnen im Abo verkaufen will, scheitert daran, dass niemand weiß, wie viel er verbraucht. Ein Regler für die Tassen am Tag, drei Zubereitungsarten, und heraus kommen Menge, Paket und Abo-Preis neben dem vollen Preis.

Seiten
19
Häuser mit Stadtfilter
8
Langtexte aus der Suche
3
Anfragen an fremde Dienste
0

Scroll dich durch die Startseite

Die Startseite von Holm wandert beim Scrollen mit. Jede Station erklärt, warum eine Sektion so gebaut ist.

holm-kaffee.de
Vollständige Startseite des Templates Holm
  1. 01

    Eine Bühne, die das Produkt zeigt

    Der Auftakt ist kein Bildbanner, sondern ein gezeichnetes Glas neben dem Foto. Drei Lieblinge stehen als Kreise darunter, und ein Klick tauscht Bild, Name, Preis und Beschreibung. Kein Karussell, das von allein weiterspringt.

  2. 02

    Vier Schritte, die man schmeckt

    Die Kaltextraktion läuft als Kleberaum ab. Das Glas bleibt stehen, die vier Schritte laufen daran vorbei, und das Glas füllt sich mit dem Rollen. Die Röstkurve daneben kommt aus einem echten Protokoll, mit erstem Crack bei sieben Minuten.

  3. 03

    Acht Häuser ohne Kartendienst

    Der Stadtfilter entsteht aus den Daten, nicht aus einer zweiten Liste. Die Karte ist gezeichnet, kein Einbau von außen, also braucht es keine Einwilligung dafür. Der Öffnungsstatus rechnet aus den Zeiten und sagt auch, wann es ruhig ist.

  4. 04

    Die Stempelkarte zum Anfassen

    Zehn Felder zum Anklicken, der Stand und der Satz darunter ändern sich mit. Daneben steht eine Kennzahl mit einer Null: keine Bewegungsprofile, keine Weitergabe, keine App. Ein Treueprogramm, das mit dem wirbt, was es nicht tut.

  5. 05

    Drei Langtexte, die aus der Suche kommen

    Cold Brew selbst machen, Matcha richtig aufschlagen, die Mehrwegbilanz mit der Zahl, die nicht stimmt. Jeder Beitrag endet am passenden Produkt, und genau dort liegt der Weg von der Suche in den Warenkorb.

holm-kaffee.de Scrollen zum Durchsehen
Vollständige Startseite des Templates Holm, vergrößert

Nicht eine Seite. Alle

Du kaufst keine Startseite mit Versprechen, sondern eine komplette Website. Jede Unterseite ist fertig gestaltet und getextet.

1 / 8
Die Karte mit Reitern und Tafel des Templates Holm
Die Karte mit Reitern und TafelKalt zuerst, weil es die Stärke des Hauses ist. Die Tageskarte hängt als kippende Tafel daneben, die Bechergrößen stehen mit Aufpreis darunter.
Das Produkt als Schichtglas des Templates Holm
Das Produkt als SchichtglasJede Schicht hat Namen, Anteil und einen Satz. Hover koppelt Glas und Legende. Darunter das Geschmacksprofil über fünf Achsen und die Zubereitungsuhr.
Der Bedarfsrechner des Templates Holm
Der BedarfsrechnerEin Regler für die Tassen am Tag, drei Zubereitungsarten, und heraus kommen Menge im Monat, passendes Paket und der Abo-Preis neben dem vollen.
Die Stempelkarte des Templates Holm
Die StempelkarteZehn Felder zum Anklicken, drei Stufen, eine Vergleichstabelle, die unter 620 Pixeln zur Liste wird. Und eine Kennzahl, die eine Null ist.
Acht Häuser, vier Städte des Templates Holm
Acht Häuser, vier StädteStadtfilter aus den Daten, gezeichnete Karte ohne fremden Dienst, Öffnungsstatus in Echtzeit und die Stoßzeiten je Haus.
Zehn Jahre als Zeitstrahl des Templates Holm
Zehn Jahre als ZeitstrahlSieben Stationen zum Scrollen, daneben die echte Röstkurve, vier Profile und ein Tagesablauf von vier Uhr morgens bis halb acht.
Gutschein mit Vorschau des Templates Holm
Gutschein mit VorschauBetrag, Farbe und ein eigener Satz, und die Karte daneben aktualisiert sich mit. Dazu die Firmenstaffel ab 20 Stück.
Journal mit Aufmacher des Templates Holm
Journal mit AufmacherEin großer Aufmacher, ein Themenfilter und drei Langtexte. Jeder endet am Produkt, über das er geschrieben hat.
holm-kaffee.de Scrollen zum Durchsehen
Das Signature-Feature

Bohnen im Abo verkaufen scheitert daran, dass niemand weiß, wie viel er verbraucht

Der Bedarfsrechner beantwortet genau das. Ein Regler für die Tassen am Tag, drei Zubereitungsarten, und heraus kommen die Menge im Monat, das passende Paket und der Abo-Preis neben dem vollen Preis. Er löst ein Branchenproblem, kein Designproblem.

  1. Rechnet mit deinen Zahlen

    Gramm je Tasse, Kilopreis und Abo-Rabatt stehen an einer Stelle und sind in zwei Minuten ausgetauscht.

  2. Zeigt die Ersparnis mit

    Der Abo-Preis steht neben dem durchgestrichenen vollen Preis. Kein Prozentversprechen ohne Zahl.

  3. Führt direkt in den Korb

    Unter dem Ergebnis steht der Knopf, nicht drei Sektionen später.

Der Bedarfsrechner des Templates Holm, komplette Seite
6
Tassen am Tag im Regler
3
Zubereitungsarten
10
Prozent Abo-Rabatt
Bereit, wenn du es bist

Mach Holm zu deinem nächsten Projekt

Kauf das Template und bau es selbst um, oder lass es uns gemeinsam für dich fertig machen.

Das Template

Die fertige Website, ihr Wissen und sieben Skills in einem ZIP

Alle Seiten fertig Sieben Skills CLAUDE.md + Wissen
ai-website-template-holm.zip Sofort-Download
Direkt kaufen
99 € einmalig einmalig, für immer deins

Eine Agentur rechnet für so eine Website vierstellig ab.

  • Die komplette Website, jede Unterseite fertig gestaltet und getextet
  • Guideline und Wissensordner, damit deine KI das System versteht
  • Sieben Skills für Pflege und Ausbau per Chat
  • Doku und Skills wahlweise auf Deutsch oder Englisch

Du baust den Projektordner selbst um, mit einem Code-Editor und einem KI-Werkzeug wie Claude Code. Wie das geht, steht in der Dokumentation.

Sichere Zahlung über Stripe, das ZIP kommt direkt danach Made in Germany, von Webdesignern gebaut
Portrait von ai-website.com

Lieber fertig übernehmen? Beim AI Website Service für 799 € bauen wir deine Inhalte ein und schalten dich live. ai-website.com bespricht das im Termin mit dir.

Alles inklusive Für immer deins Per Chat anpassbar Made in Germany

Alle Preise im Überblick, Template, Service und Custom

Für wen Holm gebaut ist

Ein Template wird gut, wenn es sich entscheidet. Holm ist auf eine Nische zugeschnitten, und ehrlich, wo es nicht passt.

Gebaut für

  1. Kaffeebars mit zwei bis zwölf Häusern, bei denen dieselbe Karte überall gilt und der Gast wissen will, welches Haus gerade offen ist
  2. Röstereien mit Ladengeschäft, die Bohnen und Konzentrat auch verschicken
  3. Betriebe mit einem Treueprogramm, das ohne App auskommen soll
  4. Häuser mit eigener Backstube, die das Gebäck als Grund und nicht als Beilage zeigen wollen

Nicht gedacht für

  • Ein einzelnes Café ohne Versand. Dann stehen drei der neunzehn Seiten halb leer, und die Website wirkt größer als der Betrieb.
  • Eine Rösterei ohne Ladengeschäft. Die Seite führt zu den Häusern hin, wer nur verschickt, braucht einen Shop.
  • Eine Kette mit Umkreissuche über Karte und Postleitzahl. Der Stadtfilter hier ist bewusst eine Liste, weil eine Kartenansicht einen fremden Dienst und damit eine Einwilligung bedeutet.
  • Ein Restaurant. Die Karte ist auf Getränke plus wenig Gebäck ausgelegt und nicht auf Gänge mit Abendwechsel.
  • Für ein einzelnes Kaffeehaus ohne Versand passt Tellhoven besser, für eine Rösterei mit Schwerpunkt auf der Bohne Darnholt.

Andere Branche? Alle Templates ansehen

Auf dem Handy zu Hause

Über die Hälfte der Besucher kommt mobil, bei Notfällen fast alle. Holm ist dafür gebaut, nicht dafür zurechtgestaucht.

Mobile First. Layout, Abstände und Tap-Ziele sind für Daumen gemacht.
Schnell im Funkloch. Statisch gebaut, ohne schwere Skripte und Plugins.
Mobiler Einstieg des Templates Holm
Der Einstieg
Mobile Inhalts-Sektion des Templates Holm
Eine Sektion tiefer

Vom ZIP zur Live-Website

Drei Schritte. Du brauchst Node.js, einen Editor und eine Stunde Zeit.

So arbeitet dein Template

Lade die Website mit allen Unterseiten, Designregeln und sieben Skills als Projektordner herunter.

ai-website.zipDein kompletter Projektordner
Website
Design
Texte
SEO
Qualität
Wissen
Sieben Skills für die Arbeit an deiner Website.

Öffne das Projekt in deinem KI-Werkzeug. Beschreibe Marke und Angebot, dann prüfe die Änderungen.

Du gibst die Richtung vor.
„Nutze mein Logo und meine Farben.“

Designregeln berücksichtigt

Deine Marke übernommen

Leistungen eingebaut

Aus deinem Satz wird eine Änderung.

Ersetze Beispielinhalte, prüfe Desktop und Mobil und veröffentliche bei deinem eigenen Hoster.

deine-website.de
Deine Marke
Dein Unternehmen. Dein Auftritt.Dein Angebot.
Klar auf den Punkt.
Kontakt aufnehmen
Deine Inhalte. Deine Seiten. Dein Code.
Beispielhafter Ablauf

Mehr als eine schöne Oberfläche

Holm bringt sein Wissen und die sieben Skills mit, damit deine KI die Website versteht, statt sie kaputt zu raten.

Fertige Website. Alle Seiten der Branche, responsiv, superschnell und Google-freundlich.
Guideline. Die CLAUDE.md sagt deiner KI, wie Holm denkt, gestaltet und schreibt.
Wissensordner. Der Ordner Wissen bündelt SEO-Strategie, Tonalität und den Komponenten-Bauplan.
Sieben Skills. Von SEO bis Qualitätsprüfung. Deine KI pflegt und erweitert die Website per Chat.
Für immer deins. Einmal zahlen und Website, Wissen und Skills gehören komplett dir.
DSGVO-freundlich. Fonts selbst gehostet, keine fremden CDNs, kein Tracking eingebaut.

Kurz geklärt

Es geht ohne, aber dann verliert es sein stärkstes Stück. Der Rechner ist der Grund, warum jemand ein Abo abschließt, statt einmal eine Tüte zu kaufen. Wenn du keinen Versand hast, nimm die Seite heraus und frag deine KI, die Verweise darauf mit zu entfernen.

Ja, aber es wird enger. Der Stadtfilter blendet sich von allein aus, sobald nur eine Stadt in den Daten steht. Die Zahl acht steht allerdings als Wort und als Ziffer an sieben Stellen im Text. Der Skill qualitaetspruefung hat die Liste.

Nein, und das ist Absicht. Beide Seiten liegen als Platzhalter bei und sagen dir, was hineingehört. Ein übernommener Rechtstext beschreibt selten, was bei dir wirklich gilt, und genau daran hängen die Abmahnungen.

Nicht ohne ihren Charakter zu verlieren. Der dunkle Grund trägt die Konturschrift, das Leuchten der Signalfarbe und die Lichtstimmung der Fotos. Was geht: ganze Sektionen auf Creme stellen, dafür gibt es eine Klasse, und die Kickerfarbe zieht automatisch nach.

44 Motive von Unsplash, alle lokal, nichts wird nachgeladen. Die unbeschnittenen Originale liegen mit im Paket, damit du andere Ausschnitte wählen kannst. Drei Motive zeigen ein erkennbares Gesicht und haben kein Model-Release, die tauschst du vor dem Livegang.

Nein. Zwei Schriften liegen lokal, alle Bilder liegen lokal, es gibt keinen Kartendienst, kein CDN und kein eingebautes Analytics. Deshalb ist auch das Einwilligungsfenster ehrlich leer: Es bereitet Statistik und Marketing vor, bindet aber nichts ein.

Ja, vollständig. Jede Einblendung hängt an einer Klasse, die ein Kopfskript setzt. Ist kein Skript da, steht alles sofort sichtbar. Geprüft wird das mit einem eigenen Lauf, der jede Seite zweimal lädt und vergleicht.

Durchgehend du, auch auf den Rechtsseiten und in Formularfehlern. Die Anrede steht nur in den Datendateien und Seitentexten, nie in einer Komponente, du kannst sie also in einem Durchgang umstellen.

Ja. Einmal zahlen, für immer deins, für beliebig viele eigene Projekte und Kundenprojekte. Was nicht geht, ist es selbst wieder als Template zu verkaufen.

Nein. Der Build erzeugt fertiges HTML in einem Ordner. Jeder Webspace reicht, ein Node-Server wird nicht gebraucht.

Alles. HOLM, die acht Häuser, die Adressen, die Telefonnummer, die Preise, die Gästestimmen und jede Kennzahl sind Beispielinhalt. Der Fuß sagt das auf jeder Seite, und der Skill qualitaetspruefung hat die Suchliste, mit der du beweist, dass nichts übrig ist.

Ja, als eigene Fassung mit englischer Website und englischer Wissensschicht. Nicht als deutsche Seite mit englischer Anleitung, sondern durchgehend, bis in die Preisformate und das Datum.

Der Skill start führt dich in vier Runden durch alles, was gebraucht wird. Wer die Daten zur Hand hat, ist an einem Nachmittag durch. Die Bilder und die Rechtstexte dauern länger, aber die kannst du nachziehen.

Dein nächster Schritt

Bereit für Holm?

Das komplette Template liegt als ZIP bereit.

  • In Stunden startklar. ZIP herunterladen, npm install, und die fertige Website läuft lokal bei dir.
  • Für immer deins. Einmal zahlen, und Website, Wissen und Skills gehören komplett dir, ohne laufende Kosten.
  • Per Chat anpassbar. Deine KI macht aus Holm deine Marke, Seite für Seite.
Was alles drin ist
Termin buchen

Such dir direkt einen Termin aus: Kennenlerntermin im Kalender wählen. Oder schreib uns kurz, wir melden uns meist noch am selben Tag.

Mail schreiben
99 € einmalig inkl. MwSt., alles drin, für immer deins