Zum Inhalt springen
A—49

Arvo Decor

Eine dunkle, bildstarke Website für eine Werkstatt für Maßküchen und Möbel

Branche
Architektur & Bau
Land
Türkei
Kategorie
Webdesign
Leistungen
Webdesign & Entwicklung
Technologie
Next.js 16, React 19, TypeScript, Tailwind CSS 4, Framer Motion, Zod, Nodemailer, Vitest
Desktop- und Mobilansicht der Website von Arvo Decor

01 /

Ausgangslage

Arvo Decor ist eine kleine Werkstatt in Ataşehir, Istanbul, die Küchen und Möbel nach Maß fertigt; begonnen hat sie als Produktionswerkstatt von Artpoint Mimarlık. Die Werkstatt wünschte sich eine Website, die ihre Arbeit mit dem Blick eines Architekten zeigt und nicht wie ein Katalog wirkt: Küchen, Ess- und Schlafzimmer, Jugendzimmer und abgeschlossene Projekte. Wir haben eine Next.js-Website mit dunkler, warmer Oberfläche entwickelt. Die Startseite bietet einen Hero-Slider, ein Kategorienraster und eine hervorgehobene Kollektion. Eine eigene Küchenseite erläutert Stile, Frontmaterialien und einen vierstufigen Ablauf vom Aufmaß bis zur Montage. Projekte lassen sich nach Art filtern, Produktseiten haben eine Galerie mit Vergrößerung. Besucher erreichen die Werkstatt über einen Angebotsbutton, WhatsApp oder ein Kontaktformular. Die Website ist noch nicht online; die Screenshots stammen aus einer lokalen Installation.

Screens

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

Startseite

Arvo Decor — Startseite
Arvo Decor — Bereiche und Unterseiten

Bereiche und Unterseiten

Arvo Decor — Bereiche und Unterseiten
Arvo Decor — Bereiche und Unterseiten
Arvo Decor — Bereiche und Unterseiten
Arvo Decor — Auf dem Smartphone

02 /

Vorgehen

Drei Entscheidungen, die das Projekt geprägt haben.

  1. 01

    Inhalte an einer Stelle, eine Zugriffsschicht

    Produkte, Kategorien, Kontaktdaten und Navigation liegen in einer einzigen typisierten Datendatei. Die Seiten lesen sie über asynchrone Zugriffsfunktionen statt direkt; ein späterer Wechsel zu einem CMS betrifft nur diese Schicht.

  2. 02

    Eine eigene Seite für Küchen

    Küchen sind das Kerngeschäft der Werkstatt, deshalb stehen sie nicht nur in der Kategorienliste. Stile, Fronten aus Lack, Acryl, Massivholz und Folie sowie die Schritte Aufmaß, Entwurf, Fertigung und Montage haben ihre eigene Seite.

  3. 03

    Dieselbe Validierung auf beiden Seiten

    Das Kontaktformular wird im Browser und auf dem Server mit demselben Zod-Schema geprüft, das Schema ist mit Vitest getestet. Der Server begrenzt Anfragen pro IP und leitet Nachrichten per SMTP an die Werkstatt weiter.

03 /

Was wir geliefert haben

  • Startseite mit Hero-Slider und Kategorienraster
  • Küchenseite zu Stilen, Fronten und Ablauf
  • Projektportfolio mit Filter nach Art
  • Produktseiten mit vergrößerbarer Galerie
  • Validiertes Kontaktformular und Newsletter-Anmeldung
  • WhatsApp-Button, fixierter Angebotsbutton und Seitensuche
  • Helles und dunkles Design, Sitemap und Vorschaubild für soziale Medien

Technologie-Stack

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • Framer Motion
  • Zod
  • Nodemailer
  • Vitest

Code und Domain gehören vollständig unserem Kunden.

Nächstes Projekt

A—50

Nargilecix

Ein Shisha-Shop, dessen Startseite, Katalog und Blog aus einem Panel gesteuert werden

Handel & E-Commerce · Türkei