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

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
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.
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.
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.
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
Leistungen
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
