Eine neue Website: Es gibt noch keine Website, wir starten ganz am Anfang.

Einen Website-Relaunch: Es gibt bereits eine Website, aber die kann so nicht bleiben.

Was soll mit der neuen Website erreicht werden?

Welchen Mehrwert soll die Website für die Benutzer haben? (mehrere Antworten möglich)

Besucher begeistern: Das Design steht im Vordergrund. Die Seite soll vor allem optisch überzeugen und hat nicht den Anspruch unbedingt etwas zu verkaufen.

Kunden gewinnen: Sie haben ein Angebot, für das Sie Kunden gewinnen wollen. Die Dienstleistung oder das Produkt steht klar im Vordergrund.

Produkte verkaufen: Ob nur ein Produkt oder ganze Kollektionen, im Zentrum steht der Online-Shop, in dem Ihre Produkte verkauft werden.

Welche Ziele soll die neue Website bewältigen, die aktuell nicht erfüllt werden? (mehrere Antworten möglich)

Mehr Besucher begeistern: Neue Designtrends, andere Technologien, im Internet ist viel passiert, nur auf der aktuellen Seite nicht. Zeit für etwas Neues.

Mehr Kunden gewinnen: Die aktuelle Website kommt zwar gut an, aber führt trotz vieler Besucher nicht zu einer angemessenen Anzahl von Neukunden.

Mehr Produkte verkaufen: Sie verkaufen bereits Produkte, aber die Zahlen stimmen einfach nicht. Was auch immer es ist, es muss sich etwas ändern.

1. Konzept: Die Erstberatung zu Websites ist in der Regel kostenfrei. 
Das Konzept wird die Grundlage für alle weiteren Schritte und gibt die Ausrichtung der neuen Website vor.

2. Workshop: In einem Workshop erarbeitet die Agentur zusammen mit dem Kunde die Anforderungen der neuen Website.
- Entwicklung einer an die Anforderungen des Kunden angepasste Seitenstruktur sowie Menüstruktur (z.B. Top-Navigation, Fußzeilen-Navigation).
- Vorgaben für Gestaltung: Bestehendes Logo + Corporate Design, mit Anpassungen nach Absprache.
- Gestalterische Vorbilder werden nach der Auftragsbestätigung des Kunden gemeinsam abgestimmt.

Webdesign: Das Webdesign definiert die visuelle Gestaltung einer Website, einschließlich der darin enthaltenen Seiten und ihrer Verknüpfung.

Programmierung: Die Programmierung umfasst neben der Umsetzung des Layouts vor allem die Entwicklung der Funktionalität und der Struktur der Website.

Optimierung & Online-Marketing: Eine Website entspricht entwicklungsbedingt nicht immer allen Anforderungen der Suchmaschinen, weshalb durch weitere Maßnahmen optimiert und sicherer gemacht werden kann. Das wirkt sich nicht nur positiv auf die Suchergebnisse sondern auch auf die Benutzung der Website aus.

Content: Die Inhalte der Website beeinflussen maßgeblich, ob sich ein Benutzer für ein Angebot oder eine Kontaktaufnahme entscheidet. Die Agentur erstellt daher qualitativ hochwertigen Content passend zum gewünschten Konzept.

Online-Shops: Online-Shops sind nicht mehr wegzudenken. Benutzer können Dienstleistungen oder Produkte sofort online erwerben und direkt bezahlen.

Betreuung: Wie geht es weiter? Laufende Betreuung oder regelmäßige Wartung gehören in eine gute Planung einfach dazu. Außerdem kümmert sich die Agentur um das Hosting Ihrer Website.

PROJEKT-MANAGER

Bei mehr als einer Komponente setzt die Agentur einen Projekt-Manager ein, um für eine reibungslose Organisation zu sorgen und den Team-Mitgliedern ein fokussiertes Arbeiten zu ermöglichen.

Das Webdesign definiert die visuelle Gestaltung einer Website, einschließlich der darin enthaltenen Seiten und ihrer Verknüpfung.

Seitentypen

Startseite: Zusammen mit bzw. an der Startseite wird das Konzept ausgestaltet, d.h. auch der Header, die Navigation und Footer werden hier definiert.

Einfache Inhaltsseite: Eine einfache Unterseite, die hauptsächlich Text und Bilder zeigen. Z. B. basieren das Impressum und die Datenschutz-Seite in der Regel auf dem Seitentyp einer einfachen Inhaltsseite.

Zusätzliche Seitentypen: Spezielle Seitentypen erfordern eine vorherige Abstimmung und ein Gestaltungskonzept. Dazu gehören z. B. Team, Veranstaltungen oder Kontakt. Jede Seite, die Inhalte nicht klassisch, sondern in einer anderen Darstellung zeigt.

ZUSÄTZLICHE SCHRITTE

Neben dem Webdesign, sind weitere Schritte im Prozess möglich. Um den Aufbau im Vorfeld abzustimmen, lassen sich z.B. Mockups bzw. Wireframes erstellen. Strukturelle Fragen und Animationen können vorher in einem Prototypen abgestimmt werden. Das Layout für mobile Endgeräte kann ebenfalls zusätzlich vorher abgestimmt werden.

Screendesign / Mockup: Vor dem eigentlichen Designprozess wird eine schematische Darstellung erstellt, an der die Elemente und Bausteine der Website definiert werden.

Prototyp / Klick-Dummy: Verknüpfungen, Animationen und Funktionsweise werden in einem klickbaren Prototypen entwickelt und abgestimmt.

Mobile Ansicht: Wie das Layout auf mobilen Endgeräten funktioniert, zeigt ein zusätzliches Layout.

CONTENT-MANAGEMENT-SYSTEM

Ein Content-Management-System vereinfacht die Benutzung und ermöglicht Anpassungen an der Website auch ohne Kenntnisse einer Programmiersprache, verursacht erstmalig aber einen Mehraufwand in der Einrichtung des Systems und der Struktur.

WordPress: WordPress ist eines der bekanntesten und verbreitetsten CMS mit vielen Möglichkeiten individueller Anpassungen und Automatisierungen, auch unter der Oberfläche und über die Website hinaus.
Die Basis der Programmierung bilden folgende Elemente. Das dient nur der Transparenz, die Elemente können nicht abgewählt werden.

Die Basis der Programmierung bilden folgende Elemente. Das dient nur der Transparenz, die Elemente können nicht deaktiviert werden.

Einrichtung: Auf einem Entwicklungsserver (DEV-Projekt) wird bis zum Go-Live der Website eine Entwicklungsumgebung eingerichtet und da sCMS WordPress installiert.

Administration: Laufende Aktualisierungen und sämtliche Konfigurationen, die für die Entwicklungsphase und Go-Live der Website erforderlich sind, werden durchgeführt.

Layout-Umsetzung: Das Webdesign und Aufbau der Struktur inkl. Navigation wird umgesetzt.

WEITERE FUNKTIONEN

Mit dynamischen Funktionen die Website erweitern, um eine Interaktion zu ermöglichen und die Anzahl der wiederkehrenden Besucher zu erhöhen.

Blog / News: Aufbau und Konfiguration einer Blog-Funktion inkl. Autoren, Kommentaren, Kategorien und Tags.

Termine / Veranstaltungen / Kurse: Umsetzung eines Moduls mit Kalender und Anmeldung zu Veranstaltungen / Kursen inkl. E-Mail-Benachrichtigungen.

Mehrsprachigkeit: Die Website wird strukturell und funktional für die Integration weiterer Sprachen vorbereitet.
Jede weitere Sprache wird angelegt, konfiguriert und an den notwendigen Stellen verknüpft.

Neben elementaren Funktionen der Website gibt es Möglichkeiten, um mit den Benutzern zu kommunizieren.

Newsletter: Die Agentur bindet ein Newsletter-System an und integrieren Möglichkeiten, sich für den Newsletter über die Website einzutragen.

Hinweis: Je nach System, Anzahl der Abonnenten und Versandhäufigkeit bringt ein Newsletter-System unter Umständen zusätzliche Kosten mit sich, die in der Kalkulation nicht berücksichtigt werden.

Kontaktformular: Einrichtung eines Kontaktformulars zur Kontaktaufnahme über die Website.

Hinweis: Je nach Funktionsumfang bringt ein Kontaktformular unter Umständen zusätzliche Kosten mit sich, die in der Kalkulation nicht berücksichtigt werden.

Live-Chat: Einrichtung eines Live-Chat-Fensters mit Mobile-App zur schnelleren Kontaktaufnahme über die Website.

Hinweis: Je nach Funktionsumfang bringt ein Live-Chat-System unter Umständen zusätzliche Kosten mit sich, die in der Kalkulation nicht berücksichtigt werden.

Es gibt weitere Funktionen, um den Benutzern das perfekte Erlebnis zu bieten.

Suchfunktion: Einrichtung einer Suchfunktion mit Volltextsuche auf der kompletten Website und zusätzlicher Suchergebnis-Seite.

Karrierebereich mit Bewerbungsformular: Einrichtung eines Karrierebereichs mit den Stellenangeboten und zusätzlichen Detail-Seiten mit Bewerbungsformulare. Diese orientieren sich an dem Design der restlichen Website.

Frontend-Login: Einrichtung eines Logins mit bestimmten bereitgestellten Inhalten, Seiten und/oder Daten für ausgewählte und angelegte Kunden.

SICHERHEIT & DATENSCHUTZ

Es gibt immer mehr Anforderungen an den Datenschutz einer Website.

Cookie-Consent-Manager: Einrichtung eines Cookie-Banners und DSGVO-konforme Konfiguration der Website inkl. CDN und Drittanbieter-Skripten.
Der Cookie-Consent-Manager ist ein Tool eines Datenschutz-Anbieters. Die jährlichen Lizenzkosten sind ebenfalls vom Kunden zu tragen.

Hinweis: Die Nutzung eines Cookie-Banners kann je nach Anbieter weitere Kosten verursachen, die in der Kalkulation nicht berücksichtigt werden.

Impressum & Datenschutzerklärung: Erstellung des Impressums & einer Datenschutzerklärung gemäß der Website-Konfiguration.

Hinweis: Die Agentur setzt die Maßnahmen nach aktueller Rechtsprechung und Best-Practice um, ersetzt aber keine Rechtsberatung und haftet nicht für eine DSGVO-bezogene Abmahnung. Sie empfiehlt stets einen Anwalt oder Datenschutzbeauftragten hinzuzuziehen.

BETAPHASE & GO-LIVE

In der Betaphase kann der Kunde die neue Website ausgiebig testen und teilt der Agentur letzte Änderungswünsche mit. Nach dem Feinschliff und der Freigabe vom Kunden geht die Website auf dem finalen Server und der richtigen Domain online.

Eine Website entspricht entwicklungsbedingt nicht immer allen Anforderungen der Suchmaschinen, weshalb durch weitere Maßnahmen optimiert und sicherer gemacht werden kann. Das wirkt sich nicht nur positiv auf die Suchergebnisse sondern auch auf die Benutzung der Website aus.

Responsive: Über die einfache Umsetzung hinaus, wird die Website für die mobile Ansicht umfangreich für eine schnellere Kontaktaufnahme und noch bessere Navigation optimiert.

Weiterleitungsmanagement: Vor der Live-Schaltung der Website sorgt die Agentur durch ein Weiterleitungsmanagement dafür, dass der bisherige Webauftritt vereinheitlicht auf den neuen Webauftritt weiterleitet. Dafür sind folgende Arbeiten notwendig:
- Übertrag von Domainrechten auf den Webhoster des Kunden (inkl. Anforderung AuthCodes und setzen von A-Records)
- Weiterleitungsmanagement: Die alten Webadressen leiten auf die neue URL-Struktur weiter. Die Agentur generiert die dafür notwendige htaccess-Dateien.

Geschwindigkeit: Intelligentes Caching, Dateigrößen-Optimierung, CDN-Integration und weitere Maßnahmen beschleunigen die Nutzung der Website nachhaltig und wirken sich positiv auf die Ergebnisse in Suchmaschinen aus.

Suchmaschinen-Optimierung (Basic):
SEO-technische Basis-Arbeiten im Rahmen der Website-Erstellung: 
- optimierte Seitenstruktur (Semantik etc.)
- optimierte Dateigrößen/Dateibenennung/Ladezeiten
- Keyword-optimierte Texte und URLs gemäß Kundenvorgabe (ohne agenturseitige SEO-Analyse)

Weiterführende Suchmaschinen-Optimierung (Premium):
Alle über die SEO-technischen Basis-Arbeiten im Rahmen der Website-Erstellung hinausgehenden Arbeiten wie:
- Keyword-Recherche: Diese ist die Grundlage für eine strategische Erstellung von SEO-Texten. SEO-Texte sind eine zentrale Maßnahme für die Vergrößerung der organischen Sichtbarkeit in Suchmaschinen. Für die Keyword-Recherche werden 600-700 relevante Keywords (Suchbegriffe und Begriffskombinationen) aus den Themenräumen des Kunden recherchiert. Aus den recherchierten Keywords empfiehlt die Agentur dem Kunden eine geeignete Auswahl an Keywords mit besonderer strategischer Bedeutung. Die Agentur stellt dem Kunden die Keyword-Listen zur Verfügung. Außerdem führt diese eine aus der Keyword-Analyse abgeleitete Überarbeitung der vorhandenen Texte durch und erstellt spezielle SEO-Landingpages.
- Bildmanagement: Hinzufügen von Alt-Texten und Bildunterschriften
- Technische Einstellungen: Seitentitel und Beschreibungen (Meta Tags) sofern abweichend von den bisherigen Angaben, Anlegen von SEO-relevanten Überschriften, Überprüfung und Anlegen der sitemap.xml, Anlegen einer robots.txt
- Google-Dienste: Einrichtung / Pflege Google My Business, Einrichtung Google Search Console, Einrichtung Google Analytics und Google Tag Manager

Diese Arbeiten werden nach tatsächlichem Aufwand oder zum Festpreis nach vorherige Absprache abgerechnet.

Sicherheit: Eine umfangreiche Firewall mit Login-Tracking, Brute-Force-Schutz, XSS, Absicherung des Systems inkl. Datenbank, htaccess und weitere Maßnahmen erschweren Angreifern das Leben.

Keyword-Recherche: Die Keyword-Recherche ist die Grundlage für eine strategische Erstellung von SEO-Texten. SEO-Texte sind eine zentrale Maßnahme für die Vergrößerung der organischen Sichtbarkeit in Suchmaschinen.
Für die Keyword-Recherche werden 600-700 relevante Keywords (Suchbegriffe und Begriffskombinationen) aus den Themenräumen des Kunden recherchiert. Aus den recherchierten Keywords empfiehlt die Agentur dem Kunden eine geeignete Auswahl an Keywords mit besonderer strategischer Bedeutung. Die Agentur stellt dem Kunden die Keyword-Listen zur Verfügung.

Google My Business: Im Zuge der Live-Schaltung führt die Agentur die Vereinheitlichung aller Google-Accounts durch. Das Ziel ist alle Google My Business Accounts in einem zentralen Account zu steuern. Die Agentur richtet den Google My Business Account mit allen Entitäten und Standorten ein.ne geeignete Auswahl an Keywords mit besonderer strategischer Bedeutung. Die Agentur stellt dem Kunden die Keyword-Listen zur Verfügung.

Google Analytics: Die Agentur installiert das Google Analytics Tracking für die neue Website. Wenn vorhanden, wird das bisherige Google Analytics Konto des Kunden verwendet.

Die Inhalte der Website beeinflussen maßgeblich, ob sich ein Benutzer für ein Angebot oder eine Kontaktaufnahme entscheidet. Die Agentur erstellt daher qualitativ hochwertigen Content passend zum gewünschten Konzept.

INHALTLICHE BASIS

Texte schreiben: Die erfahrenen Texter der Agentur verfassen strukturierte und inhaltlich stimmige Texte mit einem Umfang von bis zu 500 Wörtern je Unterseite.

Bild-Recherche: Die Agentur sucht nach einer passenden Bildwelt und bis zu 3 Bilder je Unterseite.

Hinweis: Stockbilder können zusätzliche Kosten verursachen, die in der Kalkulation nicht berücksichtigt werden.

Kundenseitiges Bereitstellen der Inhalte: Inhalte wie Texte, Tabellen, Bilder, Grafiken, Videos werden kundenseitig in einer an den Aufbau der neuen Seite angepassten Struktur gestellt.

Content einpflegen: Die Agentur übernimmt das Aufbereiten und Einbauen der Inhalte inkl. Verknüpfen neuer Seiten in die Struktur.

ÜBERSETZUNG

Texte übersetzen: Die Agentur übergibt die Texte erfahrenen Übersetzern und unterziehen sie anschließend einer zusätzlichen Prüfung durch Muttersprachler.

Übersetzungen einpflegen: Damit die Inhalte auch in die Website kommen, baut die Agentur diese auch direkt mit ein.

UNTERSEITEN

Wieviele Unterseiten sollen berücksichtigt werden? Datenschutz, Impressum und weitere rechtlich relevante Unterseiten sind stets inklusive und müssen hier nicht berücksichtigt werden.
Hinweis: Sollten Sie unsicher sein, empfiehlt es sich, auf den nächsten 5er Schritt aufzurunden.

Online-Shops sind nicht mehr wegzudenken. Benutzer können Dienstleistungen oder Produkte sofort online erwerben und direkt bezahlen.

Shopify: Shopify ist ein flexibles, skalierbares und unabhängiges Shop-System mit einem optimierten Kauf-Prozess. Die Agentur richtet es ein und übernimmt die Basis-Konfiguration gemäß der rechtlichen Anforderungen.

Hinweis: Die Nutzung von Shopify bringt zusätzliche Kosten mit sich, die in der Kalkulation nicht berücksichtigt werden. Genauere Preise finden Sie unter Shopify – Preise.

WooCommerce: Das Shop-System aus dem WordPress Universum. Die Agentur richtet es ein und übernimmt die Basis-Konfiguration gemäß der rechtlichen Anforderungen.

Shopware: Empfohlen für mittlere bis große Onlineshops.

Die Basis der Programmierung bilden folgende Elemente. Das dient nur der Transparenz, die Elemente können nicht deaktiviert werden.

Struktur & Konfiguration: Produkt-Übersicht, Einzelseiten der Produkte und Kategorien, Warenkorb, Kasse, Kundenkonto und die Bestellabwicklung werden passend zum Design umgesetzt und eingerichtet.

Zahlungsmethoden: Neben Paypal werden verschiedene Zahlungsmethoden konfiguriert, darunter z.B. Klarna, Kreditkarte, Google Pay und Apple Pay.

AUTOMATISIERUNGEN

Einige Prozesse lassen sich automatisieren und erleichtern so die Abwicklung und Betreuung der Kunden.

Rechnungsversand: Aus der Basis einer Rechnungsvorlage werden automatisiert Rechnungen automatisch nach dem Kauf verschickt.

Versandautomatisierung: Nach der Bestellung wird automatisch ein Versandetikett vergeben und dem Verbraucher zur Sendeverfolgung via E-Mail zugestellt.

B2B: Business-to-Business. Der Verkauf an eine ausgewählte Gruppe wird nur mittels Zugang ermöglicht und kann mit individuellen Konditionen erfolgen.

Inhalte einpflegen

Wieviele Inhalte sollen zum Go-Live berücksichtigt werden?

Produkte einpflegen: Die Agentur baut kaufbare Produkte, Pakete und Bundles ein.

Kategorien einpflegen: Die Agentur verknüpft die Produkte mit allen passenden Kategorien. Dazu gehören Kollektionen, Farben, Größen und andere Merkmale.

User-Training

CMS-Kompaktschulung: Kleine Basic-Schulung bei der Agentur. (Dauer: ca. 1 Stunden)

Große Schulung & Dokumentation: Schulung bei dem Kunden vor Ort oder bei der Agentur für ein eigenständiges Pflegen und Aktualisieren der Internetpräsenz, inkl. auf die Wünsche und Vorgaben des Kunden angepassten Dokumentationsunterlagen. (Dauer: ca. 3-4 Stunden)

Agentur pflegt Internetpräsenz: Abrechnung nach Aufwand.

Die Betreuung wird stets jährlich berechnet, erfolgt aber mindestens monatlich oder wöchentlich.

Hosting: Die Agentur kümmert sich um das Hosting der Kunden-Website - egal, ob beim TeamKipp-Hoster oder beim aktuellen Kunden-Hoster.

"System & Sicherheit"-Paket: Hier kann zwischen 3 Dienstleistungspaketen gewählt werden, die Backups, Updates & Monitoring beinhalten.

HOSTING

Hinweis: Die Domaineinrichtungsgebühr fällt nur für neue Domains einmalig an. Bereitsvorhandene Domains, die beispielsweise von einem anderen Hoster zum TeamKipp-Hoster transferiert werden, sind nicht betroffen.

TeamKipp-Hoster: Die Agentur parkt Website, E-Mailpostfach und Domain auf den agentureigenen Systemen und ist fortan technischer Ansprechpartner.
Wird jährlich abgerechnet (außer Domaineinrichtungsgebühr).

Kunden-Hoster: Alle anfallenden Zeiten durch die Pflege beim Kunden-Hoster werden nach tatsächlichem Aufwand abgerechnet.

TeamKipp-Hoster

"System & Sicherheit"-Paket

WordPress-Updates
Monatlich: Durchführung der Wordpress-Core-Updates, Sicherheitsupdates und Plugin-Updates

Custom Theme Updates
Alle 6 Monate: Anpassungen an der Individualprogrammierung hinsichtlich neuer PHP und JavaScript-Versionen. Beheben von Darstellungsfehlern bei neuen Browser-, oder Endgeräteversionen.

Backup-Service
Monatlich: 1 Backup aller Website-Daten sowie der Datenbank. So haben Sie im Notfall eine Datensicherung, die zurückgespielt werden kann.

Service Level
max. 48h Reaktionszeit bei Funktions- und Darstellungsfehlern. Bevorzugt gegenüber anderen Projekten. (Ausnahme an Wochenenden / Feiertagen und in Urlaubszeiten)

Hinweis: Die Abrechnung erfolgt jährlich im Voraus. Die Laufzeit beträgt 24 Monate. Ein Wechsel des Pakets ist jederzeit möglich. Eine Kündigung ist bis 2 Monate vor Ablauf der Laufzeit schriftlich einzureichen.

WordPress-Updates
Vierzehntägig: Durchführung der Wordpress-Core-Updates, Sicherheitsupdates und Plugin-Updates

Custom Theme Updates
Alle 3 Monate: Anpassungen an der Individualprogrammierung hinsichtlich neuer PHP und JavaScript-Versionen. Beheben von Darstellungsfehlern bei neuen Browser-, oder Endgeräteversionen.

Backup-Service
Vierzehntägig: 1 Backup aller Website-Daten sowie der Datenbank. So haben Sie im Notfall eine Datensicherung, die zurückgespielt werden kann. Zusätzliche Prüfung, ob Ihre Webseite noch online ist.

Service Level
max. 12h Reaktionszeit bei Funktions- und Darstellungsfehlern. Bevorzugt gegenüber anderen Projekten. (Ausnahme an Wochenenden / Feiertagen und in Urlaubszeiten)

Hinweis: Die Abrechnung erfolgt jährlich im Voraus. Die Laufzeit beträgt 24 Monate. Ein Wechsel des Pakets ist jederzeit möglich. Eine Kündigung ist bis 2 Monate vor Ablauf der Laufzeit schriftlich einzureichen.

WordPress-Updates
Wöchentlich: Durchführung der Wordpress-Core-Updates, Sicherheitsupdates und Plugin-Updates

Custom Theme Updates
Einmal pro Monat: Anpassungen an der Individualprogrammierung hinsichtlich neuer PHP und JavaScript-Versionen. Beheben von Darstellungsfehlern bei neuen Browser-, oder Endgeräteversionen.

Backup-Service
Wöchentlich: 1 Backup aller Website-Daten sowie der Datenbank. So haben Sie im Notfall eine Datensicherung, die zurückgespielt werden kann. Zusätzliche Prüfung, ob Ihre Webseite noch online ist.

Service Level
max. 1h Reaktionszeit bei Funktions- und Darstellungsfehlern. Bevorzugt gegenüber anderen Projekten. (Ausnahme an Wochenenden / Feiertagen und in Urlaubszeiten)

Hinweis: Die Abrechnung erfolgt jährlich im Voraus. Die Laufzeit beträgt 24 Monate. Ein Wechsel des Pakets ist jederzeit möglich. Eine Kündigung ist bis 2 Monate vor Ablauf der Laufzeit schriftlich einzureichen.

- Die Pflege der Internetpräsenz

Normal: Immer mit der Ruhe. Das Projekt hat keine Eile und verzichtet auf einen straffen Zeitplan.

Schnell: Die Agentur plant das Projekt gemäß Projektplan ein.

Turbo: Die Zeit drängt. Das Projekt braucht Priorität und sollte zeitnah umgesetzt werden.