Artgo Mimarlık
Eine Architektur- und Bau-Website, die den Weg von der Zeichnung zur Baustelle zeigt
- Branche
- Architektur & Bau
- Land
- Türkei
- Kategorie
- Webdesign
- Leistungen
- Webdesign & Entwicklung
- Technologie
- Next.js, React, TypeScript, Resend

01 /
Ausgangslage
Artgo ist ein Architektur- und Bauunternehmen, das seine Entwürfe selbst zeichnet und Villen, Fassaden und Stahlkonstruktionen mit eigenen Teams umsetzt. Gefragt war eine Website, die abgeschlossene Projekte ebenso zeigt wie laufende Baustellen. Wir haben sie wie ein Blatt Zeichenpapier gestaltet: feine Hilfslinien, große Fotos und kurze, klare Texte. Projekte sind nach abgeschlossen, laufend und geplant gegliedert; laufende Projekte zeigen einen Fertigstellungsgrad und ein Bautagebuch nach Bauphasen. Jede der vier Leistungen hat eine eigene Seite mit Umfang, Ablauf und häufigen Fragen. Die Website ist noch in Entwicklung: Texte und Bilder sind vorerst Platzhalter und werden ersetzt, sobald das Unternehmen eigene Projektfotos und Angaben liefert. Da sie noch nicht online ist, stammen die Screenshots aus einer lokalen Version.
Screens
Genauer hingesehen
Aktuelle Screenshots der Live-Website: die ganze Seite, Unterseiten und die Ansicht auf dem Smartphone.
Startseite, von oben bis unten

Startseite


Bereiche und Unterseiten




02 /
Vorgehen
Drei Entscheidungen, die das Projekt geprägt haben.
Eine Bildsprache vom Zeichentisch
Ein warmer Papierton, feine vertikale Linien im Raster des Inhalts und eine einzige Terrakotta-Akzentfarbe. Die Fotografie steht im Vordergrund, Überschriften in Inter Tight halten die Seiten ruhig.
Projektseiten, die die Baustelle zeigen
Projekte lassen sich nach Status und Leistung filtern. Laufende Projekte zeigen Fortschrittsbalken, Datum der letzten Aktualisierung und eine bebilderte Bauphasen-Zeitleiste – so sehen Besucher, wo das Projekt steht.
Schnell und einfach zu pflegen
Next.js rendert die Seiten vorab. Projekte und Leistungen liegen in einer einzigen Datendatei; ein neues Projekt ist ein neuer Eintrag. Vorschaubilder für soziale Netzwerke entstehen für jede Seite automatisch.
03 /
Was wir geliefert haben
- Vollbild-Slider auf der Startseite
- Projektliste mit Filter nach Status und Leistung
- Fortschrittsbalken und Bauphasen-Zeitleiste
- Leistungsseiten mit Umfang, Ablauf und FAQ
- Kontaktformular mit Datenschutz-Einwilligung und E-Mail-Versand
- Fixe Leiste für Anruf, WhatsApp und Kontakt auf Mobilgeräten
- Automatische Vorschaubilder und Sitemap
Technologie-Stack
- Next.js
- React
- TypeScript
- Resend
Leistungen
Code und Domain gehören vollständig unserem Kunden.
Nächstes Projekt
A—56
canturan.dev
Ein schlankes Monitoring, das Windows- und Linux-Server an verschiedenen Standorten in einem Dashboard zeigt
Personal Brand · Türkei
