NextLiving Immobilien – Moderne Website

Die NextLiving Immobilien Website ist eine moderne, vollständig statische Webanwendung für ein Immobilienunternehmen, umgesetzt mit Next.js 15, Tailwind CSS und TypeScript.
Nach einem umfassenden Design-Update liegt der Fokus auf Klarheit, Vertrauen und einer ruhigen, hochwertigen Nutzerführung.

Überblick

Das Projekt wurde vollständig eigenständig umgesetzt und kontinuierlich weiterentwickelt.
Die Website besteht aus fünf statischen Seiten, verzichtet bewusst auf ein CMS und lädt sämtliche Inhalte aus externen JSON-Dateien.
Dadurch ist sie technisch sauber, leicht wartbar und klar strukturiert.

Landing Page

Die Landing Page wurde im Zuge des Redesigns komplett neu aufgebaut und dient als klarer Einstiegspunkt.

Starker Hero-Bereich mit Video als emotionaler Einstieg
Blockartige, sauber ausgerichtete Überschriften
Klarer Seitenfluss bis zum Call-to-Action
Bewusster Einsatz von Weißraum und ruhiger Typografie

Technisch umgesetzt mit responsivem Video (object-cover, svh) und isMounted-Logik zur Vermeidung von Hydration-Problemen.

Referenzen

Die Referenzen-Seite ist ein zentraler Bestandteil der Website und bewusst hochwertig gestaltet.

Kartenbasierte Darstellung realer Projekte
Bildergalerien, Videos und Vorher-/Nachher-Slider
Lightbox-Ansicht mit intuitiver Navigation
Optionale Statuskennzeichnung wie verkauft oder vermittelt

Der Fokus liegt auf Transparenz, Seriosität und einer ruhigen Präsentation ohne Show-Effekte.

Design & UX

Ruhige, professionelle Gesamtwirkung
Klare visuelle Hierarchie
Einheitliche Abstände, Container und Buttons
Dezente Animationen mit echtem Mehrwert

Technik

Next.js 15 (App Router, SSG)
Tailwind CSS (Mobile-First)
TypeScript mit strikten Regeln
Inhalte vollständig JSON-gesteuert
Medien mit next/image und Lazy Loading

Besonderheiten

Einheitliches Light-Mode-Design
Barrierearme Umsetzung (semantisches HTML, Alt-Texte, Kontraste ≥ 4.5:1)
Kontaktformular über Formspark (DSGVO-konform)
Docker-basierter Build & Deployment (IONOS)
Eigenes SVG-Favicon, konvertiert zu .ico
Eigenes Watermark shellscript um immer einheitliche wasserzeichen auf die bilder zu bekommen