Galloway Maienhof
Cinematic Website2024

Galloway Maienhof

Next.jsFramer MotionTailwind CSSResendGlassmorphism
RoleFrontend Developer & Designer

Ein High-End Webauftritt für den Galloway Maienhof. Fokus auf emotionales Storytelling, natürliche Farben und ein edles Glassmorphism-Design, das die Qualität der Produkte widerspiegelt.

The Vision

Der Galloway Maienhof steht für Natur, Qualität und Leidenschaft. Die alte Website wurde diesem Anspruch nicht mehr gerecht. Das Ziel war eine digitale Präsenz, die sich weniger wie eine "Info-Seite" und mehr wie ein Magazin anfühlt – mit großen Bildern, sanften Animationen und einer warmen Atmosphäre.

Galloway Hero Section

The Design

Ich entwickelte ein Design-System basierend auf "Natural Glassmorphism". Elemente schweben über dem Hintergrund, Farben sind erdig (Beige, Dunkelgrün, Gold).

  • Micro-Interactions: Sanfte Hover-Effekte und Page-Transitions mit Framer Motion.
  • Performance: Trotz vieler Bilder extrem schnelle Ladezeiten dank Next.js Image Optimization.
  • Typografie: Eine Kombination aus der eleganten "Playfair Display" für Headlines und "Inter" für Lesbarkeit.

Technical Highlights

Resend Email API

Nahtlose Integration von Kontakt- und Bestellformularen ohne Backend-Server, direkt über Server Actions.

Framer Motion

Orchestrierte Animationen, die Elemente beim Scrollen sanft einblenden lassen (Staggered Reveals).

Next Project

Rechnungs Tool