Floraherz Logo

Floraherz - Florale Unikate mit Liebe zum Detail

Konzeption und Umsetzung einer romantischen Onepager-Marketingseite für eine Floristin - inklusive Kontaktformular, SEO-Optimierung, DSGVO-konformer Technik und Verlinkung zum Etsy-Shop.

November 2025Floristik & handgemachte DekorationWebsite besuchen
Floraherz - Screenshot 1 von „Floraherz - Florale Unikate mit Liebe zum Detail“

Projektbeschreibung

Für Floraherz - ein liebevolles Einzelunternehmen für florale Unikate - wurde eine moderne, aber bewusst ruhige Onepager-Website entwickelt. Ziel war es, Natürlichkeit, Romantik und die Liebe zum Detail der Marke digital erlebbar zu machen. Die Seite präsentiert das Herz hinter Floraherz, verlinkt klar auf den bestehenden Etsy-Shop und bietet Interessent:innen eine einfache Möglichkeit zur Kontaktaufnahme.

Herausforderungen

Die größte Herausforderung bestand darin, die warme, handgemachte Floraherz-Ästhetik mit einer technisch schlanken und performanten Lösung zu verbinden. Die Website sollte nicht wie eine „Tech-Seite“ wirken, sondern wie eine hochwertige, romantische Visitenkarte - inklusive guter Lesbarkeit des Textes über großformatigen Bildern, klarer Struktur, responsivem Layout und rechtssicherer Umsetzung (Datenschutz, keine unnötigen Dritt-Tracker, Fonts lokal). Außerdem sollte der Etsy-Shop im Fokus bleiben, ohne selbst ein vollwertiges Shopsystem aufzubauen.

Unsere Lösungen

Die Lösung ist ein maßgeschneiderter React/Vite-Onepager mit Tailwind CSS, der sehr schnell lädt und sich auf das Wesentliche konzentriert: ein starker Hero-Bereich mit Bildsprache im Floraherz-Stil, eine persönliche „Über Floraherz“-Sektion, eine klare Shop-Section mit Verlinkung zu Etsy, Testimonials sowie ein fein gestaltetes Kontaktformular. Lokale Webfonts ersetzen Google Fonts, um die Datenschutzerklärung sauber zu halten. Das Kontaktformular ist über eine Serverless-Funktion an einen SMTP-Mailversand angebunden, sodass Anfragen direkt per E-Mail bei der Inhaberin landen. Zusätzlich wurden Meta-Tags, Open-Graph-Daten und strukturierte Daten (schema.org) integriert, um sowohl klassisches SEO als auch moderne KI-Suchen optimal zu bedienen.

Website besuchen

Kundeninformationen

Floraherz Logo

Floraherz

Floristik & handgemachte Dekoration

Fertiggestellt

November 2025

Marketing Tags

Web-AppOnepagerKontaktanfragenVertrauensaufbauGoogle sichtbarMobil optimiert

Verwendete Technologien

ReactTypeScriptTailwind CSSResponsive DesignOnepagerServerless FunctionSEOIT-Recht