Buttons
KOMPONENTEN
Card Varianten.
Default
Ruhige Karte mit feiner Kontur und dezentem Schatten.
Soft
Für ruhige Sekundärflächen ohne unnötige Effekte.
Border
Klare Abgrenzung mit möglichst wenig visueller Schwere.
Dark
Für hervorgehobene Inhalte und kontrastreiche Flächen.
ICONS
SVG-Icons direkt im Editor austauschen.
Öffne innerhalb des Icon-Feldes den Block „Individuelles HTML“ und ersetze nur den SVG-Code. Größe, Hintergrund und Hover bleiben über die umgebende Gruppe erhalten.
Telefon
Standort
KONTAKT
Direkt erreichbar – auf dem Weg, der passt.
Telefon, E-Mail oder Messenger: Der passende Kontaktweg auf einen Blick.
Direkt sprechen
0123 456789
Für jedes Anliegen
info@beispiel.de
Schnell & unkompliziert
Messenger öffnen
DIREKT ANFRAGEN
Wobei können wir helfen?
01
Service anfragen
Für Reparatur, Störung oder kurzfristige Hilfe.
→
02
Wartung & Prüfung
Für regelmäßige Betreuung, Prüfung oder Wartungsvertrag.
→
03
Neues Projekt
Für Planung, Angebot oder eine neue Zusammenarbeit.
→
DIREKTER KONTAKT
Schnell erreichbar, persönlich betreut.
Eine helle Kontaktvariante für Seiten, auf denen Formular und direkte Kontaktwege gleich wichtig sind.
0123 456789Mo–Fr, 8:00–17:00 Uhr
info@beispiel.deFür Angebote und Rückfragen
MusterstadtMusterstraße 12, 12345 Musterstadt
Projekt anfragen
Formular über WPForms einbinden und nach Bedarf an den jeweiligen Kunden anpassen.
KONTAKT
Ein guter Kontakt. Die passende Lösung.
Nutze den Bereich für ein starkes Bild, direkte Kontaktdaten und eine kurze persönliche Einordnung.
Bild ersetzen
Telefon
0123 456789
info@beispiel.de
Adresse
Beispiel GmbH
Musterstraße 12, 12345 Musterstadt
ANFRAGE
Worum geht es?
Schreiben Sie uns kurz Ihr Anliegen. Die Felder kommen aus WPForms.
WPForms-ID 123 im Shortcode durch die Formular-ID des Kunden ersetzen.
KONTAKT
Lassen Sie uns sprechen.
Ein kurzer Einstieg mit klarer Einladung zur Kontaktaufnahme.
Telefon+49 000 000000
E-Mailmail@beispiel.de
ErreichbarkeitMo–Fr · 08:00–17:00 Uhr
IHRE ANFRAGE
Wie können wir helfen?
Hier wird das WPForms-Lite-Formular eingesetzt. Der umgebende Container liefert bereits die passende visuelle Bühne.
WPForms Shortcode / Block hier einsetzen
ERFAHRUNG
25+
Erfahrung, die im Alltag den Unterschied macht.
Ideal für Unternehmensvorstellung, Expertise und Vertrauensaufbau.
Beratung mit Erfahrung.
Passende Lösungen statt Standards von der Stange.
Bild ersetzen
Alles aus einer Hand.
Ein Ansprechpartner für Planung, Umsetzung und Betreuung.
Bild ersetzen
Langfristig gedacht.
Auch nach Projektabschluss bleibt die Betreuung verlässlich.
Bild ersetzen
ÜBER UNS
Persönlich im Kontakt. Professionell in der Umsetzung.
Ein editorialer Über-uns-Bereich mit klarer Hierarchie und ausreichend Ruhe.
Hier kann erklärt werden, was das Unternehmen besonders macht, wie gearbeitet wird und warum Kunden sich für das Team entscheiden.
Die Inhalte bleiben bewusst normale Gutenberg-Blöcke und können nach der Übergabe ohne Spezialwissen gepflegt werden.
Bild / Referenz
IM DETAIL
Bild und Inhalt auf Augenhöhe.
Für Leistungen, Unternehmensvorstellungen oder erklärungsbedürftige Inhalte mit starker visueller Unterstützung.
QUALITÄT
Mehr Raum für die Geschichte hinter der Leistung.
Die zweite Variante dreht die Gewichtung um und eignet sich ideal für alternierende Inhaltsbereiche.
Bild / Referenz
VORTEILE
Gute Gründe, die schnell verstanden werden.
Ideal für Nutzenargumente, Qualitätsmerkmale oder klare Leistungsversprechen.
Persönliche Beratung
Direkter Kontakt, klare Antworten und Lösungen, die zum tatsächlichen Bedarf passen.
Saubere Umsetzung
Durchdachte Abläufe und ein professioneller Anspruch an jedes Detail der Umsetzung.
Verlässlicher Service
Transparente Kommunikation und erreichbare Ansprechpartner auch nach dem Projektabschluss.
REFERENZEN
Ausgewählte Projekte.
Referenzen mit klarer Bildfläche, sauberer Typografie und konsistenten Kartenhöhen.
Projektbild 01
Projekt 01
Ein kurzer Satz zum Projekt, Ergebnis oder besonderen Detail.
Projektbild 02
Projekt 02
Ein kurzer Satz zum Projekt, Ergebnis oder besonderen Detail.
Projektbild 03
Projekt 03
Ein kurzer Satz zum Projekt, Ergebnis oder besonderen Detail.
DIREKTER KONTAKT
Eine kurze Frage? Wir sind erreichbar.
NÄCHSTER SCHRITT
Bereit für ein unverbindliches Gespräch?
Kurzer CTA-Text mit einer einzigen, klaren Handlungsoption.
JETZT STARTEN
Aus einer Idee wird ein konkretes Projekt.
Ein kontrastreicher Abschlussbereich für eine klare Conversion.
FAQ
Häufige Fragen
Die wichtigsten Antworten übersichtlich, ruhig und direkt editierbar.
Was sollte der Kunde zu diesem Thema wissen?
Die Antwort lässt sich direkt im Gutenberg-Editor bearbeiten und kann beliebig erweitert werden.
Wie läuft die Zusammenarbeit konkret ab?
Hier kann der typische Ablauf verständlich und kompakt beschrieben werden.
Welche Informationen werden vorab benötigt?
Nutze diese Antwort für Voraussetzungen, Unterlagen oder andere wichtige Hinweise.
Wie schnell ist eine Rückmeldung möglich?
Eine kurze, konkrete Antwort schafft Vertrauen und reduziert unnötige Rückfragen.
FAQ
Noch Fragen?
Die wichtigsten Antworten stehen direkt daneben – ohne lange Suche und ohne zusätzliches Accordion-Plugin.
Erste häufige Frage
Kurze und verständliche Antwort auf die erste Frage.
Zweite häufige Frage
Kurze und verständliche Antwort auf die zweite Frage.
Dritte häufige Frage
Kurze und verständliche Antwort auf die dritte Frage.
ABSCHNITT
Eine klare Überschrift für diesen Bereich.
Dieser Inhalt ist vollständig mit nativen Gutenberg-Blöcken aufgebaut und bleibt direkt editierbar.
INHALT
Inhalt links. Bühne rechts.
Ein neutrales Grundlayout für Text, Bilder oder andere Gutenberg-Inhalte.
Rechte Spalte – hier können Bilder, Listen, Formulare oder andere Blöcke eingesetzt werden.
JMARKETT THEME v1.6
Design System.
Foundation, Komponenten und Patterns als lebende Referenz für professionelle Kundenwebsites.
GALERIE
Eindrücke, die für sich sprechen.
Bilder anklicken, vergrößern und mit Pfeilen oder Wischgeste durchblättern.
KLAR. MODERN. DIREKT.
Technische Kompetenz mit einem klaren Auftritt.
Ideal für Unternehmen, deren Marke Präzision, Verlässlichkeit und Professionalität vermitteln soll.
AUF EINEN BLICK
Kurze Fakten statt langer Erklärungen.
Nutze diesen Bereich für ein Bild, eine Kennzahl, eine Leistung oder einen wichtigen Vertrauensbeweis.
MARKENAUFTRITT
Großes Bild. Klare Botschaft.
Eine großzügige Hero-Variante für Projekte, bei denen die Bildwelt den ersten Eindruck tragen soll.
MODERNE LÖSUNGEN
Eine starke Aussage, die sofort verstanden wird.
Kurzer Nutzen-Text, der das Angebot auf den Punkt bringt und direkt zur nächsten Handlung führt.
BILD / KEY VISUAL
Visuelle Bühne für das Kundenprojekt
Hintergrund und Inhalte lassen sich direkt im Editor austauschen.
SO LÄUFT ES AB
In drei Schritten zum Ergebnis.
Ein klarer Ablauf schafft Orientierung und macht die Zusammenarbeit greifbar.
01
Kennenlernen
Bedarf verstehen, Ziele klären und die nächsten Schritte transparent festlegen.
02
Umsetzung
Saubere Ausführung mit klarer Kommunikation und nachvollziehbarem Projektfortschritt.
03
Abschluss
Gemeinsame Abnahme, verständliche Übergabe und ein Ergebnis, das dauerhaft funktioniert.
IN DREI SCHRITTEN
Ein klarer Weg von Anfrage bis Ergebnis.
01
Anliegen klären
Bedarf aufnehmen und die passende Richtung festlegen.
02
Lösung abstimmen
Transparentes Angebot und klar definierte nächste Schritte.
03
Umsetzen
Saubere Umsetzung mit nachvollziehbarer Kommunikation.
LEISTUNGEN
Was wir für Sie übernehmen.
Drei klare Leistungsbereiche mit identischer Höhe und bewusst ruhigem Aufbau.
01
Leistung eins
Kurze, konkrete Beschreibung mit Fokus auf dem Nutzen für den Kunden.
02
Leistung zwei
Kurze, konkrete Beschreibung mit Fokus auf dem Nutzen für den Kunden.
03
Leistung drei
Kurze, konkrete Beschreibung mit Fokus auf dem Nutzen für den Kunden.
LEISTUNGEN
Leistungen als klare Übersicht.
Ideal, wenn mehrere Angebote erklärungsbedürftig sind und ohne Kartenraster präsentiert werden sollen.
01
Leistung eins
Kurze Beschreibung mit klarer Nutzenorientierung.
02
Leistung zwei
Kurze Beschreibung mit klarer Nutzenorientierung.
03
Leistung drei
Kurze Beschreibung mit klarer Nutzenorientierung.
LEISTUNGEN
Leistungen mit visueller Bühne.
Für Angebote, bei denen ein starkes Bild die jeweilige Leistung unterstützt.
Bild 01
Leistung eins
Kurze Beschreibung der Leistung und ihres konkreten Nutzens.
Bild 02
Leistung zwei
Kurze Beschreibung der Leistung und ihres konkreten Nutzens.
Bild 03
Leistung drei
Kurze Beschreibung der Leistung und ihres konkreten Nutzens.
LEISTUNGEN
Leistungen auf einen Blick.
Bild 01
Leistungsbereich eins
Kurze Einordnung des Angebots mit konkretem Nutzen.
Bild 02
Leistungsbereich zwei
Kurze Einordnung des Angebots mit konkretem Nutzen.
Bild 03
Leistungsbereich drei
Kurze Einordnung des Angebots mit konkretem Nutzen.
Noch nicht das Passende gefunden?
Individuelle Anforderungen lassen sich direkt besprechen.
SOCIAL MEDIA
Folgen, entdecken, verbunden bleiben.
Ideal als kompakter Social-Bereich vor dem Footer oder zwischen zwei Inhaltssektionen.
VERTRAUEN VON
LOGO 01
LOGO 02
LOGO 03
LOGO 04
LOGO 05
KUNDENSTIMMEN
Was Kunden über die Zusammenarbeit sagen.
„Klare Kommunikation, saubere Umsetzung und genau das Ergebnis, das wir uns vorgestellt haben.“
„Von der ersten Abstimmung bis zur Übergabe professionell, unkompliziert und verlässlich.“
„Besonders gut war, dass jederzeit klar war, was als Nächstes passiert und wer Ansprechpartner ist.“
VERTRAUEN
Zahlen, die für sich sprechen.
15+
Jahre Erfahrung
Kompetenz, die sich über viele Projekte entwickelt hat.
500+
Projekte
Umgesetzte Lösungen mit nachvollziehbaren Ergebnissen.
98%
Weiterempfehlung
Ein Vertrauenssignal, das sofort verstanden wird.
KUNDENSTIMME
„Die Zusammenarbeit war strukturiert, unkompliziert und das Ergebnis hat unsere Erwartungen klar übertroffen.“
Vorname Nachname · Unternehmen