Zum Inhalt springen
A—55

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
Desktop- und Mobilansicht der Artgo-Architektur-Website

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

Aktuelle Screenshots der Live-Website: die ganze Seite, Unterseiten und die Ansicht auf dem Smartphone.

Startseite

Artgo Mimarlık — Startseite
Artgo Mimarlık — Bereiche und Unterseiten

Bereiche und Unterseiten

Artgo Mimarlık — Bereiche und Unterseiten
Artgo Mimarlık — Bereiche und Unterseiten
Artgo Mimarlık — Bereiche und Unterseiten
Artgo Mimarlık — Auf dem Smartphone

02 /

Vorgehen

Drei Entscheidungen, die das Projekt geprägt haben.

  1. 01

    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.

  2. 02

    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.

  3. 03

    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

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