Herausforderung
SERVIT Lösung
Webseiten-Entwicklung mit Bricks Builder
Bricks Builder Setup
Custom Elements
Content Management
Performance
Design System
Funktionen
Typische Webseiten-Projekte
Unternehmenswebsite
Professionelle Firmenwebsite mit individuellen Inhaltstypen, Team-Bereichen, Service-Portfolios und Kontaktmöglichkeiten.
Bricks Builder + Custom Post Types + ACF + Contact Forms
News & Blog Platform
Content-fokussierte Website mit Kategorien, Tags, Autor-Profilen und Newsletter-Integration.
Custom Taxonomies + Author Pages + Newsletter + Social Sharing
Portfolio & Showcase
Kreative Portfolio-Website mit Projekt-Gallerien, Case Studies und dynamischen Inhalts-Layouts.
Custom Gallery + Dynamic Queries + Lightbox + Filtering
Website-Kosten abschätzen
Unverbindliche Richtwerte – technische Umsetzung im Fokus. CMS ist inkludiert.
.servit-preise{--svt-accent:#008fbf;--sp-text:#1a1a1a;--sp-muted:#5f5e5a;--sp-border:#e4e6e8;--sp-soft:#f5f6f7;--sp-radius:12px;font-family:inherit;color:var(--sp-text);max-width:1100px;margin:0 auto;line-height:1.6}
.servit-preise *{box-sizing:border-box}
.sp-toggle{display:flex;width:max-content;max-width:100%;margin:0 auto 36px;background:var(--sp-soft);border:1px solid var(--sp-border);border-radius:999px;padding:4px;gap:4px}
.sp-toggle-btn{border:none;background:transparent;color:var(--sp-muted);font:inherit;font-weight:600;font-size:15px;padding:9px 22px;border-radius:999px;cursor:pointer;transition:.15s;white-space:nowrap}
.sp-toggle-btn[aria-pressed="true"]{background:var(--svt-accent);color:#fff}
.sp-toggle-btn:focus-visible{outline:3px solid var(--svt-accent);outline-offset:2px}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;align-items:stretch}
.sp-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:28px 24px}
.sp-card.is-featured{border:2px solid var(--svt-accent);box-shadow:0 8px 30px rgba(0,143,191,.08)}
.sp-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--svt-accent);color:#fff;font-size:12px;font-weight:600;padding:5px 14px;border-radius:999px;letter-spacing:.02em}
.sp-name{font-size:22px;font-weight:700;margin:0 0 8px;text-align:center}
.sp-tagline{color:var(--sp-muted);font-size:14px;margin:0 0 20px;text-align:center;min-height:42px}
.sp-price{text-align:center;margin:0 0 8px}
.sp-price strong{display:block;font-size:34px;font-weight:700;color:var(--sp-text);line-height:1.1}
.sp-ab{font-size:15px;color:var(--sp-muted);margin-right:4px}
.sp-unit{display:block;font-size:14px;color:var(--sp-muted)}
.servit-preise.is-monatlich .sp-price-einmalig{display:none}
.servit-preise.is-einmalig .sp-price-monatlich{display:none}
.sp-features{list-style:none;padding:24px 0 0;margin:24px 0 0;border-top:1px solid var(--sp-border);display:grid;gap:14px;font-size:14px;flex:1}
.sp-features li{position:relative;padding-left:28px}
.sp-features li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;background:var(--svt-accent);
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.2 5.5 12.7 4 14.2 9 19.2 20 8.2l-1.5-1.5z'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 16.2 5.5 12.7 4 14.2 9 19.2 20 8.2l-1.5-1.5z'/%3E%3C/svg%3E") center/contain no-repeat}
.sp-ideal{font-size:13px;color:var(--sp-muted);text-align:center;margin:24px 0 16px}
.sp-cta{display:block;text-align:center;background:var(--svt-accent);color:#fff;font-weight:600;text-decoration:none;padding:13px 18px;border-radius:8px;transition:.15s}
.sp-cta:hover{filter:brightness(.92)}
.sp-note{font-size:13px;color:var(--sp-muted);margin:32px 0 0;text-align:center}
@media(max-width:560px){.sp-card{padding:24px 20px}.sp-tagline{min-height:0}}
(function(){
if ( window.__servitPreiseBound ) { return; }
window.__servitPreiseBound = true;
document.addEventListener('click', function(e){
var btn = e.target.closest && e.target.closest('.sp-toggle-btn');
if ( ! btn ) { return; }
var box = btn.closest('.servit-preise');
if ( ! box ) { return; }
var m = btn.getAttribute('data-modus');
box.classList.toggle('is-einmalig', m === 'einmalig');
box.classList.toggle('is-monatlich', m === 'monatlich');
box.querySelectorAll('.sp-toggle-btn').forEach(function(b){
b.setAttribute('aria-pressed', b === btn ? 'true' : 'false');
});
});
})();
Basic
Der schnelle, professionelle Einstieg ins Netz.
ab 89€monatlich
ab 2.000€einmalig
- Professionelle Website mit allen wichtigen Informationen
- Responsiv und mobil-optimiert – sieht auf jedem Gerät gut aus
- SEO-Grundlage, damit Kunden Sie bei Google finden
- Selbst pflegbar: Texte und Bilder ändern Sie jederzeit
Ideal für: Gründer:innen, Ein-Personen-Unternehmen und Dienstleister mit schlanker Online-Präsenz.
Projekt anfragen
Empfohlen
Standard
Mehr Sichtbarkeit, mehr Anfragen, Raum zum Wachsen.
ab 219€monatlich
ab 5.000€einmalig
- Individuelles Design, das zu Ihrer Marke passt
- Aufgebaut, um zu überzeugen – mit Referenzen, Blog oder Angebotsstruktur
- Inhalte erarbeiten wir bei Bedarf gemeinsam
- Erweiterbar um Newsletter, SEO und Tracking
Ideal für: KMUs, Coaches, Agenturen und Betriebe mit klaren Zielen und mittlerem Budget.
Projekt anfragenDeluxe
Ihre Website als zentrales Vertriebsinstrument.
ab 349€monatlich
ab 8.000€einmalig
- Strategischer Aufbau inkl. Workshops zu Zielgruppe und UX
- Mehrsprachig, interaktiv oder stark individualisiert
- Schnittstellen (CRM, Newsletter, Tools), Formular-Logik, Rollenverwaltung
- Ihr zentrales Marketing- und Vertriebsinstrument
Ideal für: Wachsende Unternehmen, Institutionen und Projekte mit komplexen Abläufen.
Projekt anfragenEs handelt sich hier um Nettopreise. Bei unserem Mietmodell gibt es eine 24 Monatsbindung. Sie erhalten ein individuelles Angebot ausgearbeitet.
Entwicklungsprozess
Anforderungsanalyse
Detaillierte Analyse der Inhaltsstrukturen, Funktionen und Design-Anforderungen. Technische Machbarkeit und Performance-Ziele definieren.
WordPress Setup
Installation und Konfiguration von WordPress, Bricks Builder, notwendigen Plugins und Custom Post Types.
Design-Umsetzung
Entwicklung der Templates mit Bricks Builder, Integration des Corporate Designs und responsive Optimierung.
Testing & Launch
Umfassende Tests auf verschiedenen Geräten, Performance-Optimierung, SEO-Setup und Go-Live mit Monitoring.