01 Handwerk
Gebäudereinigung
Sechs Wege zum selben Gewerk: Leistungsverzeichnis, helle Ergebnisseite, Wochenplan, Bauendreinigung nach Bauphasen, Team mit Gesichtern sowie eine knappe Anrufseite mit drei Angaben.
Musterbetrieb Muster Gebäudereinigung GmbHOrt HannoverRufnummer 0511 000000, nicht zuteilbar
01Objektliste
Ruhige Seite in Weiß mit dunklem Aktenband und Schreibmaschinenschrift für alles Zählbare. Kern ist ein Verzeichnis von fünf Objektarten mit Leistung, Turnus und Richtwert, danach Leistungsarten, Ablauf mit Beispielwoche, Nachweis und Kontakt.
Passt, wenn ein Reinigungsbetrieb Hausverwaltungen und Büros mit festem Turnus, Richtwerten und schriftlichem Nachweis betreut.
handwerk/gebaeudereinigung/01-objektliste.html
Entwurf 01 öffnen→
02Glanz
Heller Einstieg ohne große Bildfläche mit Überschrift, kurzem Absatz und drei Zusagen zu Turnus, festem Personal sowie geprüftem Ergebnis. Danach die Prüfliste mit dreizehn Punkten in vier Gruppen, dann der Turnus je Fläche neben der Karte zum Personal, erst darunter das kleinere Vorher-Nachher. Am Ende sechs Leistungskacheln, vier Ablaufschritte, ein flaches Bildband, Richtpreise und die Kontaktkarte.
Passt, wenn ein Reinigungsbetrieb bei Hausverwaltungen, Büros und Praxen über feste Kräfte, einen schriftlichen Turnus und das geprüfte Ergebnis verkauft.
handwerk/gebaeudereinigung/02-glanz.html
Entwurf 02 öffnen→
03Turnus
Oben ein dunkles Kopfband, darunter eine Bühne mit Taktband Mo bis Sa, zwei Knöpfen und Bildplatz sowie ein farbiges Band zur Objektbegehung. Kernstück ist der Wochenplan Montag bis Samstag mit sechs Tageskarten, in denen ein Strich neben jedem Eintrag den Takt zeigt. Darunter folgen Leistungen mit Beispielpreisen, vier Verlässlichkeitskarten, drei Ablaufschritte und eine Kontaktkarte.
Passt, wenn ein Reinigungsbetrieb laufende Unterhaltsverträge mit festem Wochenturnus für Büros, Praxen und Hausverwaltungen verkauft.
handwerk/gebaeudereinigung/03-turnus.html
Entwurf 03 öffnen→
04Bauphasen
Ein breites dunkles Band trägt Überschrift, Rufnummer und einen Zeitstrahl mit vier Stationen vom Rohbau bis zur Übergabe. Darunter folgen die drei Phasen mit Leistung, Dauer und Vorbereitung, dann Geräte und Staubschutz, Aufmaß vor Ort und Kontakt.
Passt, wenn der Betrieb Bauendreinigung für Bauträger, Generalunternehmer oder Handwerksbetriebe anbietet.
handwerk/gebaeudereinigung/04-bauphasen.html
Entwurf 04 öffnen→
05Team
Der Einstieg stellt die Menschen zuerst, mit einer Überschrift über die ganze Inhaltsspalte und darunter kurzem Text, Anrufknopf und drei Versprechen. Am Fuß läuft das Team als Streifen von Kante zu Kante, danach folgen vier Personenkarten.
Passt, wenn der Betrieb über feste Kräfte je Objekt verkauft und echte Bilder seiner Leute liefern kann.
handwerk/gebaeudereinigung/05-team.html
Entwurf 05 öffnen→
06Anfrage
Links eine dunkle Farbspalte mit Überschrift und großem Anrufknopf, rechts drei nummerierte Angaben zu Objekt, Fläche und Turnus. Darunter folgen eine Leistungstafel mit Beispielpreisen, ein breiter Bildplatz sowie der Ablauf mit zweitem Anrufknopf, Kontaktfakten und zweitem Bildplatz.
Passt, wenn ein Reinigungsbetrieb lieber angerufen wird und Hausverwaltungen oder Praxen schnell zu einem Angebot führen will.
handwerk/gebaeudereinigung/06-anfrage.html
Entwurf 06 öffnen→02 Handwerk
Dachdecker
Sechs Wege, ein Dachdeckerhandwerk zu verkaufen: die Handschrift der geraden Reihen, der technische Schichtaufbau fuers Flachdach, der Sturm-Notdienst mit Zeitleiste, das warme Ziegelhaus, die Bauakte mit echten Objektblaettern und das kostenlose Aufmass als Einstieg.
Musterbetrieb Dachdeckerei Mustermann GmbHOrt BielefeldRufnummer 0521 000000, nicht zuteilbar
01Firstlinie
Schiefergrauer Aufmacher unter einer angedeuteten Firstlinie, dazu ein Sturmband mit Rufnummer. Danach Leistungen, vier Ablaufstufen, Deckungsarten, Referenzen, Richtpreise, Team und Kontaktkarte, die meisten Abschnitte durch Schrägkanten gleicher Neigung getrennt.
Passt, wenn ein klassischer Steildachbetrieb sein festes Team, sein Tempo bei Sturmschäden und eigene Richtpreise zeigen will.
handwerk/dachdecker/01-firstlinie.html
Entwurf 01 öffnen→
02Schichten
Technischer Entwurf mit dunklem Kopf, Dachschnitt als Lagenliste und vier waagerechten Schichtbändern von dunkel nach hell. Danach folgen Objekte, Kennwerte mit Ablauf, eine Preiseinordnung und ein farbiges Kontaktband mit Telefon.
Passt, wenn ein Betrieb Flachdach und Abdichtung für Bauträger, Planer und Verwaltungen sachlich darstellen will.
handwerk/dachdecker/02-schichten.html
Entwurf 02 öffnen→
03Sturm
Dunkle Gewitterseite mit Warnschraffur, oben eine Störungszeile mit Rufnummer, dann Notdienstaufmacher mit drei Zusagen. Es folgen Sofortmaßnahmen, Zeitstrahl bis zur Reparatur, Bildplätze, Leistungen, Versicherungsweg, Richtpreise und Kontaktkarte.
Passt, wenn ein Dachdeckerbetrieb Bereitschaftsdienst anbietet und Sturmschäden samt Versicherungsweg betreut.
handwerk/dachdecker/03-sturm.html
Entwurf 03 öffnen→
04Sanierung
Die Seite beginnt mit einem breiten dunklen Band, in dem die ganze Bauzeit als Wochenleiste steht. Danach folgt Woche für Woche ein eigener Abschnitt mit Nummer, Fortschrittsstrichen, Text sowie drei festen Angaben zu Haus, Wohnen und Wetter.
Passt, wenn ein Betrieb komplette Dachsanierungen verkauft und Eigentümer vorab den Ablauf über Wochen sehen wollen.
handwerk/dachdecker/04-sanierung.html
Entwurf 04 öffnen→
05Bauakte
Dunkler Aktendeckel mit Firmenfeld und Bildplatz, darunter ein Sturmband in Hausfarbe. Es folgen sechs Register, sechs datierte Aktenblätter mit Umfang und Dauer, ein Kostenblatt, vier Ablaufschritte sowie eine Kontaktkarte.
Passt, wenn ein Dachdecker Hausverwaltungen und Gewerbekunden mit belegten Referenzprojekten überzeugen will.
handwerk/dachdecker/05-bauakte.html
Entwurf 05 öffnen→
06Aufmaß
Eine dunkle Abendfläche mit Dachbild, darüber das Aufmaßblatt mit Anrufknopf und daneben zwei Beiblätter. Darunter der Termin in Minuten, der Weg danach in Tagen, sechs Positionen mit Bezugsgröße, Richtwerte und sechs Fragen.
Passt, wenn ein Betrieb angerufen werden will und der kostenlose Termin am Dach sein ganzes Angebot trägt.
handwerk/dachdecker/06-aufmass.html
Entwurf 06 öffnen→03 Handwerk
Elektrotechnik
Sechs Elektrotechnik-Entwuerfe von der klassischen Meisterbetrieb-Seite ueber das dunkle Technikraster bis zum roten Notdienst-Zettel, jeder mit eigenem Grundgeruest fuer einen anderen Betriebstyp.
Musterbetrieb Elektro Musterbetrieb GmbHOrt KasselRufnummer 0561 000000, nicht zuteilbar
01Meisterbetrieb
Ruhige Seite mit Serifenfließtext und zweigeteiltem Aufmacher aus Text und Bildplatz am Zählerschrank. Darunter folgen Notdienst-Band, vier Leistungen als nummerierte Liste, eine Vertrauensreihe und ein Kontaktteil mit abgesetztem Kasten für Telefon, Ansprechpartner und Einsatzgebiet.
Passt, wenn ein eingesessener Meisterbetrieb mit Notdienst ruhig und seriös statt auffällig auftreten will.
handwerk/elektrotechnik/01-meisterbetrieb.html
Entwurf 01 öffnen→
02Schaltplan
Dunkle Seite mit Leitungsraster, türkiser Hausfarbe und Bezeichnern in Schreibmaschinenschrift. Aufbau aus Kopfzeile mit Rufnummer, Bühne mit Messwerteleiste, vier Leistungsknoten, Bildplatz Unterverteilung und Anfrage mit Kontakttafel.
Passt, wenn der Betrieb Gebäudeautomation, Ladeinfrastruktur und Prüfungen nach Norm betont und technisch nüchtern statt werblich auftreten will.
handwerk/elektrotechnik/02-schaltplan.html
Entwurf 02 öffnen→
03Ladepunkt
Unter der Überschrift steht auf dem ersten Bildschirm eine gezeichnete Hauswand, in der eine durchgehende Leitung vom Zählerschrank zur Wallbox führt und sechs nummerierte Punkte trägt. Danach folgen die sechs Stationen als Raster, drei Fälle in eigenen Kästen, kurze Antworten sowie Termin mit Kontakt.
Passt, wenn der Betrieb sein Geschäft mit Wallboxen macht und Kunden den Weg von der Anlage bis zum Ladepunkt erklärt bekommen sollen.
handwerk/elektrotechnik/03-ladepunkt.html
Entwurf 03 öffnen→
04Schalttafel
Kachelraster auf hellgrauem Grund mit einer grossen Aufmacherkachel, einer zweiten grossen Kachel mit Bildplatz fuer Wallbox und Ladetechnik, farbigen Kacheln fuer Stoerungsdienst und Kontakt sowie kleineren Kacheln fuer drei weitere Leistungen, VDE-Abnahme und Ablauf. Am Rechner stehen die Kacheln in vier Spalten, am Handy untereinander.
Passt, wenn ein Elektrobetrieb viele Leistungen samt Störungsdienst kompakt auf einer kurzen Seite zeigen will.
handwerk/elektrotechnik/04-schalttafel.html
Entwurf 04 öffnen→
05Stromkreis
Einspaltige helle Seite mit gestrichelter Leitung, die fünf nummerierte Schritte vom Anruf bis zur Messung mit Protokoll verbindet. Darunter folgen vier Leistungen als schlichte Liste sowie ein farbiger Kontaktblock mit Telefonknopf.
Passt, wenn ein Elektrobetrieb Privatkunden bei Sanierungen den Ablauf vom ersten Anruf bis zur Abnahme erklären will.
handwerk/elektrotechnik/05-stromkreis.html
Entwurf 05 öffnen→
06Kurzschluss
Der Notruf steht am Rechner als farbige Säule links und läuft beim Blättern mit, rechts daneben liegt das Merkblatt und ab 1280 Pixeln eine schmale Spalte mit den Kontaktangaben. Am Handy liegt die Rufnummer als erster Bildschirm über dem Text.
Passt, wenn ein kleiner Betrieb vor allem angerufen werden will und die Auskunft im Notfall wichtiger ist als ein großer Auftritt.
handwerk/elektrotechnik/06-kurzschluss.html
Entwurf 06 öffnen→04 Gastronomie
Asiatisch
Sechs Wege in dieselbe Küche: die Karte selbst, der Abend im Lampenlicht, der Mittagstisch der Woche, die Theke mit Blick in den Wok, die Abholung nach Minuten und der Gastraum mit Grundriss.
Musterbetrieb Muster Wok GmbHOrt DresdenRufnummer 0351 000000, nicht zuteilbar
01Karte
Nummerierte Speisekarte auf Papierton mit Vorspeisen, Suppen, Wok, Curry, Sushi und Getränken, Preisen am rechten Rand und Kennzeichen für vegetarisch, vegan und scharf. Dazu drei Bildplätze, ein Farbband mit Rufnummer sowie Kästen für Zeiten und Kontakt.
Passt, wenn ein asiatisches Restaurant oder ein Imbiss eine lange Karte mit Nummern hat, nach denen Gäste bestellen.
gastro/asiatisch/01-karte.html
Entwurf 01 öffnen→
02Dampf
Dunkler Abendauftritt: Bild hinter Kopf und Buehne, Band mit Zeiten, zwei Kuechenmomente, Karte, Gastraum, Kontakt. Die Schrift auf dem Bild steht auf einer eigenen Blende und bleibt auch am Handy lesbar.
Passt, wenn der Betrieb abends verkauft und ueber Atmosphaere statt ueber Aufzaehlungen wirbt.
gastro/asiatisch/02-dampf.html
Entwurf 02 öffnen→
03Mittagstisch
Heller Entwurf mit Wochenraster als fünf Tageskarten samt Gericht und Preis, davor ein Einstieg mit Ausgabezeit und Startpreis. Darunter feste Karte, farbiges Abholband mit Rufnummer sowie Lage und Zeiten.
Passt, wenn ein asiatisches Restaurant in Bürolage mittags eine wechselnde Wochenkarte mit Vorbestellung zur Abholung anbietet.
gastro/asiatisch/03-mittagstisch.html
Entwurf 03 öffnen→
04Theke
Die ganze Seite ist eine schmale hohe Spalte wie ein Sitzplatz an der Theke. Der Einstieg trägt Überschrift, zwei Sätze und drei Zeilen zu Brett, Topf und Dämpfer, daneben steht der Bildplatz als schmaler Streifen.
Passt, wenn wenige Plätze an einer offenen Theke sitzen und der Abend in fester Reihenfolge abläuft.
gastro/asiatisch/04-theke.html
Entwurf 04 öffnen→
05Abholung
Der Einstieg ist eine ruhige Fläche ohne Bild mit großer Rufnummer und einer Beispiel-Abholzeit darunter. Kernstück ist eine senkrechte Uhr des Abends von 11 bis 22 Uhr, danach Minuten je Gericht, Verpackung, Bestellweg und Kontakt.
Passt, wenn der Betrieb stark auf Abholung setzt, telefonisch bestellt wird und die Wartezeit je Stunde wirklich schwankt.
gastro/asiatisch/05-abholung.html
Entwurf 05 öffnen→
06Gastraum
Heller Entwurf mit Serifenüberschriften und gezeichnetem Grundriss, der beim Scrollen neben vier Sitzbereichen stehen bleibt. Danach folgen Öffnungszeiten, Anfahrt in drei Karten, ein dunkles Reservierungsband, ein Absatz über das Haus, ein Kartenauszug und Kontakt.
Passt, wenn ein asiatisches Restaurant mit festem Gastraum Sitzplätze, Zeiten und Anfahrt vor die Speisekarte stellt.
gastro/asiatisch/06-gastraum.html
Entwurf 06 öffnen→05 Gastronomie
Italienisch
Die sechs italienischen Entwuerfe reichen von der Trattoria mit Tageskarte ueber die Pizzeria am Steinofen, das Menuehaus, den Lieferdienst mit Ringgebieten und die weingefuehrte Cantina bis zum Telefon-Einseiter.
Musterbetrieb Osteria Muster GmbHOrt KölnRufnummer 0221 000000, nicht zuteilbar
01Trattoria
Cremefarbene Seite in kursiver Serifenschrift mit dunkler Kreidetafel für Tagesgerichte und einem Telefonband in der Hausfarbe. Darunter stehen Karte in vier Gängen, Arbeitsweise der Küche, offene Weine und Reservierung mit Öffnungszeiten.
Passt, wenn eine inhabergeführte Trattoria mit wechselnder Tageskarte vor allem telefonische Reservierungen will.
gastro/italienisch/01-trattoria.html
Entwurf 01 öffnen→
02Forno
Dunkle Steinseite mit Steinofen als Aufmacher, Ofenwerten im Band und einer Pizzaliste mit Preisen. Darunter folgen ein heller Mehlabschnitt zur Teigführung, eine kurze Nebenkarte und ein Kontaktblock mit Öffnungszeiten.
Passt, wenn eine Pizzeria mit Steinofen über lang geführten Teig verkauft und viel vom Abholgeschäft lebt.
gastro/italienisch/02-forno.html
Entwurf 02 öffnen→
03Gänge
Der Einstieg zeigt den gedeckten Tisch von oben als Zeichnung, die vier Gänge liegen als Stationen auf den Tellern. Danach füllt jeder Gang am Rechner einen eigenen Bildschirm mit Gerichten, einer Zeile zur Zubereitung und einer Weinnotiz am Rand.
Passt, wenn das Haus den Abend als Menüfolge verkauft und jeden Gang einzeln zeigen will.
gastro/italienisch/03-gaenge.html
Entwurf 03 öffnen→
04Lieferung
Helle Seite mit gezeichneter Ringkarte des Liefergebiets neben dem grossen Rufnummernknopf. Darunter stehen die Werte je Ring, ein Abholband, drei Schritte, die zweispaltige Pizzaliste sowie auf dem Handy eine feste Bestellleiste.
Passt, wenn eine Pizzeria vor allem liefert sowie abholen lässt und Bestellungen telefonisch annimmt.
gastro/italienisch/04-lieferung.html
Entwurf 04 öffnen→
05Cantina
Dunkle Seite in Holzton und Weinrot mit Serifenschrift, Preise in Schreibmaschinenschrift, einzige helle Flaeche ist die Karte zur Weinbegleitung. Aufbau: Weinkarte nach sechs Anbaugebieten, offene Weine im Glas, Gerichte mit Glasempfehlung, Keller und Kontakt.
Passt, wenn ein italienisches Haus mit eigenem Keller den Wein in den Mittelpunkt stellt und am Tisch berät.
gastro/italienisch/05-cantina.html
Entwurf 05 öffnen→
06Tisch
Ein Reservierungsplakat über die volle Bildschirmhöhe: links die Rufnummer als größtes Element, rechts der gedeckte Tisch mit Wein und Kerze. Darunter folgen Öffnungszeiten in großen Ziffern, der Ablauf eines Anrufs, drei Gerichte sowie die Anfahrt.
Passt, wenn das Haus abends ohnehin voll ist und im Netz nur Nummer, Zeiten sowie den Weg zum Tisch zeigen will.
gastro/italienisch/06-tisch.html
Entwurf 06 öffnen→06 Gastronomie
Burger & amerikanisch
Sechs Wege in denselben Laden: Leuchtschild mit Tagesleiste, Zutatenstapel mit Bauplan, Rauchkammer mit Garzeiten, Kreidetafel, Bestellbon mit Abholnummer sowie drei nummerierte Burger.
Musterbetrieb Muster Burgerladen GmbHOrt LeipzigRufnummer 0341 000000, nicht zuteilbar
01Diner
Dunkles Stahlband mit fetten schmalen Großbuchstaben oben, darunter breite Streifen in Emaille und Signalfarbe, getrennt durch Chromleisten. Aufgebaut als Tresenablauf, Preistafel mit Schärfegraden, Beilagen, Fleischherkunft, Getränke und Kontakt.
Passt, wenn ein Burgerladen mit Tresenbestellung und fester Karte über Tempo, Portionen und Preise verkauft.
gastro/burger/01-diner.html
Entwurf 01 öffnen→
02Bauen
Helle Bühne mit Burgerbild, darauf folgt ein dunkler Abschnitt mit dem Burger als Stapel aus sechs farbigen Lagen, die je eine Zutat erklären. Daneben steht ein Bauplan mit Aufpreisen, danach folgen Beilagen, Smoker, Bestellablauf und Kontakt.
Passt, wenn ein Burgerladen Burger nach Wahl anbietet und die Aufpreise je Zutat offen zeigen will.
gastro/burger/02-bauen.html
Entwurf 02 öffnen→
03Smokehouse
Dunkle Seite in Kohle und Holztönen mit Glutfarbe, die Garzeiten stehen groß in Schreibmaschinenziffern. Aufbau aus Bühne mit Anruf, Garzeitenband, drei Stücken aus der Kammer, Karte, Schärfestufen, Tagesablauf und Kontaktkasten.
Passt, wenn ein Laden vor allem Brisket, Ribs und Pulled Pork aus dem eigenen Smoker verkauft.
gastro/burger/03-smokehouse.html
Entwurf 03 öffnen→
04Tafel
Dunkle Kreidetafel mit Serifenüberschriften, Kreideskizzen in den Bildplätzen und gepunkteten Preislinien. Nach der Bühne kommt ein Band mit der Bitte um Vorbestellung, dann die Tafel mit Burgern, Beilagen und Getränken, danach Schärfegrade, Herkunft, Ablauf am Tresen und Kontakt.
Passt, wenn ein kleiner Burgerladen mit wechselnder Karte am Tresen verkauft und seine Preise klar zeigen will.
gastro/burger/04-tafel.html
Entwurf 04 öffnen→
05Tresen
Hellgrauer Grund im Wechsel mit weißen Abschnitten, schwarze Etiketten, oben ein leicht schräg gestellter Bestellbon mit Abholnummer 047 neben der Ansage. Darunter folgen Aufrufanzeige, vier Schritte mit Minuten, Stoßzeiten als Säulen, nummerierte Karte, Vorbestellen sowie Plätze und Kontakt.
Passt, wenn ein Burgerladen mit Theke und wenigen Plätzen über Tempo, Abholnummer und telefonische Vorbestellung verkauft.
gastro/burger/05-tresen.html
Entwurf 05 öffnen→
06Klassiker
Helle Seite mit großer Überschrift und drei gleich hohen Karten, jede mit riesiger Ziffer in der Hausfarbe, Zutaten und Preis am Fuß. Darunter folgen ein gezeichneter Tresen als Bildplatz und ein dunkles Band mit Zeiten, Rufnummer und Adresse.
Passt, wenn ein Burgerladen mit kleiner fester Karte über drei Nummern verkauft und am Tresen schnell bestellt wird.
gastro/burger/06-klassiker.html
Entwurf 06 öffnen→07 Befüllen
Vom Entwurf zur fertigen Seite
Die Karten oben öffnen Beispielansichten mit Musterdaten. Befüllt werden immer die Vorlagen mit Platzhaltern, die als eigenes Paket kommen. Darin liegen alle 36 Vorlagen, die Befüllregeln als BEFUELLUNG.md, dieselben Regeln maschinenlesbar als befuellung.json und eine Liste der Prüfsummen.
Jede Vorlage ist eine einzelne HTML-Datei ohne Bauschritt und ohne fremde Server. Beispielinhalte wie Leistungen, Gerichte und Preise stehen im Kopfkommentar jeder Datei und werden durch die echten Angaben des Betriebs ersetzt.
{{firma}}Voller Firmenname mit Rechtsform, steht im Seitentitel und im Fuß.{{firmaKurz}}Kurzform ohne Rechtsform für Logo und Fließtext. Fehlt sie, den vollen Namen einsetzen.{{stadt}}Ort des Betriebs, steht im Titel und in den Vorzeilen.{{telefon}}Rufnummer im Text wie gewohnt geschrieben, im Verweis tel: ohne Leerzeichen.{{ansprechpartner}}Person für den Kontakt. Darf leer bleiben, die Zeile verschwindet dann von selbst.{{gewerk}} / {{kueche}}Kategorie, zum Beispiel Dachdeckerei oder Italienische Küche.{{farbe}}Hausfarbe als Hexwert wie #1b4f8f. Alle weiteren Töne leiten sich daraus ab.Eine Farbe genügt
Die Hausfarbe wird an genau einer Stelle eingesetzt. Bleibt {{farbe}} leer, greift der Vorschauton des Entwurfs.
Fotos nach Liste
Jeder Bildplatz trägt data-motiv mit der Beschreibung des gewünschten Fotos. Die vollständige Liste steht in befuellung.json.
Nichts erfinden
Bewertungen, Sterne, Auszeichnungen und Gründungsjahre kommen nur auf die Seite, wenn der Betrieb sie belegt.
Vor der Abgabe ansehen
Jede befüllte Seite einmal am Rechner und am Handy öffnen. Kein Platzhalter darf stehen bleiben.