Zurück zu den Fallstudien
Individuelle Website mit Administrationsoberfläche für ein Bauunternehmen
- Überblick
- Herausforderungen
- Leistungen
- Funktionale Module
- Technologien
- Unsere Erfolge
Kunde
Ein Bauunternehmen aus Polen mit einem wachsenden Portfolio abgeschlossener Projekte.
Technologien
React / Next.js / TypeScript / Node.js / PostgreSQL / Custom CMS / Three.js / Docker / Hetzner Cloud / Cloudflare / GitHub Actions / Terraform
Das Unternehmen brauchte eine Website, die seine Projekte gut präsentiert und Anfragen bringt. Das Team wollte Seiten und Portfolio-Einträge selbst veröffentlichen, ohne für jede Änderung einen Entwickler anzurufen. Die Website musste außerdem Kunden bedienen, die andere Sprachen sprechen, und Gebäude so zeigen, wie es Fotos allein nicht können.
Herausforderungen
Individuelles Design: Ein eigenständiger, von Grund auf entwickelter Auftritt, der die Qualität der Arbeit des Unternehmens widerspiegelt, ohne fertige Vorlagen.
Inhalte in Eigenregie: Büromitarbeiter fügen Seiten und Projekte ohne technische Kenntnisse hinzu und bearbeiten sie.
Mehrere Sprachen: Jede Seite ist in mehr als einer Sprache verfügbar, verwaltet über eine einzige Administrationsoberfläche.
Echte Gebäude zeigen: Interaktive 3D-Modelle und Video-Rundgänge, die auf Smartphones schnell laden.
Geschwindigkeit und Auffindbarkeit: Schnelle Seiten und technisches SEO, damit Kunden das Unternehmen finden.
Übergabe: Ein Team, das die Website nach dem Start selbstständig betreiben kann.
Leistungen
Anforderungsanalyse
Wir haben Workshops mit Geschäftsführung und Vertrieb durchgeführt und festgelegt, für wen die Website ist, wie ihre Seiten aufgebaut sind und wie Projekte im Portfolio präsentiert werden. Das Ergebnis war eine abgestimmte Seitenstruktur und ein klares Format für jedes Projekt, die zur Grundlage für Design und Entwicklung wurden.
Mehr erfahren
Individuelles Design
Jede Oberfläche wurde von Grund auf gestaltet, ohne fertige Vorlagen. Wir haben die Layouts vor Entwicklungsbeginn auf Desktop und Mobilgeräten getestet, sodass Optik, Navigation und Portfolio-Seiten im Voraus abgestimmt waren.
Mehr erfahren
Entwicklung
Wir haben ein individuelles CMS mit Administrationsoberfläche zusammen mit der öffentlichen Website entwickelt, sodass von Mitarbeitern hinzugefügte Inhalte in derselben Struktur auf der Website erscheinen. Büromitarbeiter arbeiten in der Administrationsoberfläche mit rollenbasiertem Zugriff und brauchen keine technischen Kenntnisse.
Mehr erfahren
3D- und Video-Integration
Gebäudemodelle und Video-Rundgänge sind direkt in die Projektseiten eingebettet, neben Galerien und Eckdaten. Die Modelle sind optimiert und laden schrittweise, sodass die Seiten auf Smartphones schnell bleiben.
Mehr erfahren
Deployment und Hosting
Die Website läuft produktiv auf Hetzner Cloud hinter einem Cloudflare CDN. Automatische Backups und Monitoring sind eingerichtet, und Deployments sind mit GitHub Actions und Terraform wiederholbar.
Mehr erfahren
Schulung und Dokumentation
Wir haben einen Arbeitstermin für das Admin-Team durchgeführt und Anleitungen für alltägliche Aufgaben geschrieben, etwa ein Projekt hinzuzufügen oder eine Seite zu bearbeiten. Nach dem Start betreibt das Team die Website selbstständig.
Mehr erfahren
Gelieferte Funktionale Module
Administrationsoberfläche
Seiten und Portfolio-Einträge mit wenigen Klicks erstellen, bearbeiten und veröffentlichen.
Entwurfs- und Vorschaumodus erlauben, eine Seite vor der Veröffentlichung zu prüfen.
Rollenbasierter Zugriff für das Team des Kunden.
Mehrsprachigkeit
Übersetzungen aller Seiten an einem Ort.
Ein Sprachumschalter auf der Website und eigene URLs für jede Sprache.
Neue Sprachen werden hinzugefügt, ohne die Website neu aufzubauen.
Portfolio
Projektseiten mit Galerien, Eckdaten und Standort.
Ein Anfrageformular auf jeder Projektseite.
Mitarbeiter fügen neue Projekte selbstständig hinzu und veröffentlichen sie.
3D-Modelle und Video-Rundgänge
Interaktive Modelle, die Besucher drehen und erkunden können.
Video-Rundgänge direkt daneben.
Optimierte Modelle laden schrittweise, sodass die Seiten auf Smartphones schnell bleiben.
Responsive Oberfläche
Layouts für Smartphones, Tablets und Desktops.
Individuelle Animationen und Interaktionen.
Jede Oberfläche wurde vor der Entwicklung auf Desktop und Mobilgeräten getestet.
SEO-Einrichtung
Metadaten, Sitemaps und strukturierte Daten.
Eingerichtet für jede Sprachversion.
Serverseitig gerenderte Seiten mit Next.js.
Verwendete Technologien
Frontend:
React und Next.js mit TypeScript für schnelle, serverseitig gerenderte Seiten.
Administrationsoberfläche:
Ein individuelles CMS mit rollenbasiertem Zugriff für das Team des Kunden.
Backend:
Node.js und PostgreSQL für Inhalte und Anfragen.
3D:
Three.js mit optimierten Modellen, die schrittweise laden.
Hosting:
Hetzner Cloud mit Cloudflare CDN, Docker und automatischen Backups.
DevOps:
GitHub Actions und Terraform für wiederholbare Deployments.
Unsere Erfolge
Inhalte in den Händen des Teams
Mitarbeiter veröffentlichen neue Projekte und Seiten selbstständig.
Mehrere Sprachen, eine Administrationsoberfläche
Neue Sprachen werden hinzugefügt, ohne die Website neu aufzubauen.
Ein Portfolio, das verkauft
3D-Modelle und Video-Rundgänge lassen Besucher Gebäude vor dem ersten Anruf erkunden.
Schnell auf jedem Gerät
Optimierte Seiten und Medien laden auf Smartphones und Desktops schnell.
In der Suche gefunden
Strukturierte Seiten und Metadaten in jeder Sprache unterstützen den organischen Traffic.
Eigenständiges Team
Schulung und Dokumentation ermöglichen dem Kunden, die Website ohne fremde Hilfe zu betreiben.
Lassen Sie uns sprechen
Haben Sie Fragen oder Feedback? Senden Sie uns eine Nachricht!
Unsere Kontaktdaten
