Website Entwicklung
Lerne den Ablauf unserer Website-Entwicklung kennen und erfahre, wie wir modernste Technologien in Form von Microservices als Architektur einsetzen.
Der Ablauf unserer Website Entwicklung
Wir kümmern uns tatsächlich ganzheitlich und voll umfänglich um den Webauftritt bzw. das Website-Projekt. Von der Konzeption über das Design, zur technischen Konzeption und Entwicklung bis hin zum Deployment und den damit verbundenen Support.
1 Kreativphase / Konzeption
Wir stecken gemeinsam mit dem Kunden Ziele, Zielgruppen, Personas sowie die Herausforderungen und Lösungen ab. Daraus entwickeln wir eine so genannte Measurement Map, die all diese Maßnahmen in einer übersichtlichen Tabelle vereint und darüber hinaus genau definiert, wie die vereinbarten Ziele gemessen werden können. Abschließend wird in dieser Phase eine Sitemap definiert, die alle Bereiche der gesamten Website abdeckt.
2 Kreativphase / Design
Auf Basis der Measurement Map, der definierten Maßnahmen und der entwickelten Sitemap werden Wireframes erarbeitet. Diese Wireframes beinhalten die Struktur jeder Seite und den gesamten Seitenaufbau. Darüber hinaus werden zumeist alle Inhalte mit einem eigenen CustomGPT entwickelt. Diese Inhalte sind nach den Google Best Practices (E-E-A-T Prinzip) umgesetzt und unterstützen die Auffindbarkeit / Sichtbarkeit aller Inhalte in Suchmaschinen und generative AI Chats wie ChatGTP & Co. Falls nicht schon in einem eigenen CI / CD definiert, entwickeln wir Farben, Schriftarten und Bildsprache und entwickeln einen kompletten Designprototypen für alle Endgeräte - Smartphone, Tablet und Desktop. Das Ergebnis dieser Phase ist also ein kompletter, klickbarer Designprototyp der gesamten Website.
3 Technisches Konzept
In dieser Phase definieren wir anhand der geplanten Umsetzungen alle notwendigen Tools, die eingesetzt werden sollen. Darüber hinaus definieren wir den Techstack, der am besten zum geplanten Webprojekt passt. Das technische Konzept wird ausführlich dokumentiert und grafisch illustriert, damit alle Beteiligten entsprechend informiert sind und dies auch für spätere Weiterentwicklungen herangezogen werden kann.
4 Technische Entwicklung
Projekt-Initialisierung, Setup für Continuous Development bzw. Continuous Integration, DEV/LIVE-Umgebung, Umsetzung aller grafisch entwickelten Komponenten für das Website-Projekt inklusive Setup des definierten Tracking- und Monitorings. Deployment und technisches Wartungsservice.
5 Service & Support
Die weiterführende Betreuung kann umfangreich sein und variiert von Projekt zu Projekt. Technischer Support, laufende Funktions-Weiterentwicklung, laufende SEO-Betreuung, Consulting zur Analyse von Google Analytics, Google Search Console oder die laufende Betreuung im Bereich Social Media und E-Mail Marketing.
Website Entwicklung mit Micorservices
In der Welt der modernen Webentwicklung sind Microservices nicht nur ein Trend, sondern eine revolutionäre Methode, um leistungsfähige, flexible und zukunftssichere Websites zu erstellen. Durch die Verwendung von Microservices sind Webprojekte deutlich performanter und flexibler. Die Performance unterstützt dabei auch maßgeblich die Suchmaschinenoptimierung. Diese Architektur bzw. dieser Aufbau eines Webprojekts erlaubt eine unvergleichliche Flexibilität bei der Gestaltung und Anpassung des Frontends, ohne die zugrunde liegende Technologie vollständig umgestalten zu müssen.
Architekturüberblick
Unsere Architektur basiert auf einer sorgfältig ausgewählten Kombination von Microservices, die sich durch ihre Spezialisierung und hohe Leistungsfähigkeit auszeichnen, aber auch von Webprojekt zu Webprojekt unterschiedlich ausfallen können:
Storyblok CMS: Ein Headless CMS, das Inhalte zentral verwaltet und über eine API für verschiedenste Frontends bereitstellt. Es ermöglicht schnelle Anpassungen und ist flexibel in der Integration mit anderen Services.
Nuxt JS / TailwindCSS: Diese Kombination bildet das Herzstück unseres Frontends, wobei Nuxt JS für ein reichhaltiges und interaktives Nutzererlebnis sorgt und TailwindCSS für eine maßgeschneiderte, responsive Designgestaltung verwendet wird.
Algolia: Eine leistungsstarke und intuitive Suche, die nahtlos mit Storyblok integriert werden kann. Die Integration ermöglicht eine schnelle, relevante und UX/UI-optimierte Sucherfahrung für Website-Besucher.
Mailerlite: Für das E-Mail Marketing und die reibungslose Kommunikation mit Kunden verwenden wir Mailerlite. Hier gibt es mit Sicherheit zahlreiche Alternativen, die sehr ähnlich funktionieren, wobei Mailerlite vor allem durch das Preis-/Leistungsverhältnis besticht.
Mailersend: Ist für den Versand von E-Mails nach Anfragen oder ähnlichen Interaktionen zuständig. Mailersend bietet die Möglichkeit schön gestaltete E-Mails zu versenden, die auf einfachste Art und Weise adaptiert werden können. Bei Änderungen oder Erweiterungen, muss kein Programmierer hinzugezogen werden.
Die folgende Tabelle zeigt alle eingesetzten Tools inkl. Kurzbeschreibung im Überblick.
| Service / Tool | Kurzbeschreibung | Vorteil |
|---|---|---|
| Storyblok CMS | Headless CMS für zentralisierte Inhaltsverwaltung | Hohe Flexibilität, einfache Anpassungen |
| Nuxt JS | Frontend Framework / JAMSTACK Ansatz | Interaktives Nutzererlebnis, Performance optimiert |
| Tailwind CSS | CSS Frontend Framework | Maßgeschneidertes Designs |
| Algolia | Suchlösung | Schnelle, intuitive Suche |
| Mailerlite | E-Mail Marketing Tool inkl. Automatisierungen | Effektives Kundenengagement, Automatisierungen, CI/CD-konforme E-Mails ohne Entwicklungsaufwand |
| Mailersend | E-Mail Service für Web-Applikationen und Websites | Zuverlässiger und schneller E-Mail Versand, einfaches Gestalten CI/CD-konformer E-Mails ohne Entwicklungsaufwand, Statistik und Übersicht |
| Vercel | Frontend-Hosting mit Serverless-Architektur | Vercel stellt Entwicklertools und Cloud-Infrastruktur bereit, um ein schnelleres, besser skalierbares und sichereres Web mit stärkerer Personalisierung zu entwickeln. |
| GitHub | Code teilen & Versionen kontrollieren | Versionskontrolle und mehrere Personen können gleichzeitig am selben Code arbeiten, ohne sich gegenseitig zu überschreiben, und Änderungen jederzeit nachvollziehbar bleiben. |
| monday.com | CRM | monday.com steht hier beispielhaft für alle CRM Anwendungen, da wir mit Hilfe von Webservices an jedes externe System anbinden können und bspw. Anfragen automatisiert zurück in System spielen können. |
Dann lass uns reden...
... egal ob Websites, SEO/GEO, Online Marketing wie Social Media, E-Mail Marketing oder reines Consulting in einem digitalen Projekt - wir freuen uns darauf von dir zu hören.
Darauf sind wir stolz
Ein Auszug unserer Kunden, für die wir bereits arbeiten durften.
