Briefing für den Senior Creative Director zum Webdesign-Konzept

**Konzeptvorschlag für ${company_name}** 1. **Designkonzept (die „große Idee“):** Die Seite inszeniert Exklusivität durch radikale Reduktion und räumliche Inszenierung. Jeder Bildschirm wirkt wie eine Galeriewand – mit großzügigem Weißraum, der die Marke als Kunstwerk präsentiert. Der Inhalt atmet, statt zu scrollen: Jeder Abschnitt ist eine eigene, in sich geschlossene Komposition, die den Betrachter zum Verweilen zwingt. 2. **Layout-Strategie pro Seite:** - **Homepage:** Vertikales Scrollen in drei großen, vollflächigen „Räumen“ (Hero, Statement, CTA). Keine Karussells, keine Raster – jedes Element hat seinen festen Platz. - **About:** Horizontaler Parallax-Effekt, der die Geschichte wie eine Bildergalerie entfaltet. - **Services:** Minimales Akkordeon-Menü, das bei Klick in eine Vollbild-Ansicht mit Detailtext und einem einzigen Bild übergeht. - **Contact:** Einzeiliges Formular (Name, E-Mail, Nachricht) unter einem großflächigen, fast leeren Bild – der Fokus liegt auf dem Dialog. 3. **Typografie und Farbrichtung:** - **Schrift:** Serifenlose Grotesk (z. B. *Helvetica Now Display* oder *Aktiv Grotesk*) in extremen Gewichtssprüngen (Thin für Fließtext, Black für Überschriften). - **Farben:** Monochromes Schwarz-Weiß mit einem einzigen, gesättigten Akzent (z. B. tiefes Bordeauxrot oder Senfgelb), der nur für interaktive Elemente (Hover, CTA) reserviert ist. 4. **Eine signifikante Interaktion:** Der Cursor wird zu einem weichen, verzögerten Kreis, der beim Überfahren von Text oder Bildern eine leichte Unschärfe (Blur) erzeugt – wie ein Fokus, der sich erst einstellt, wenn man genau hinsieht. Dies unterstreicht die Langsamkeit und Exklusivität der Marke. 5. **Tech-Stack-Entscheidungen:** - **Framework:** Next.js (für serverseitiges Rendering und schnelle Ladezeiten bei bildlastigen Seiten). - **Animationen:** GSAP (ScrollTrigger und MorphSVG) – für flüssige, choreografierte Übergänge, die nicht nach „Library“ aussehen. - **Cursor-Interaktion:** Custom Canvas-Overlay mit requestAnimationFrame – für die weiche, organische Cursor-Bewegung ohne DOM-Limitierungen. - **Bilder:** WebP mit LQIP (Low-Quality Image Placeholder) – um die Ladezeit zu minimieren, ohne die ästhetische Kontrolle zu verlieren.