Portfolio

Imkerei Goldener Nektar

Professionelle One-Page-Website für eine Familienimkerei aus Kazimierz Dolny. Das Projekt zeichnet sich durch modernes Premium/Dark Mode-Design, flüssige Animationen und extreme Leistungsoptimierung basierend auf Vanilla JS ohne schwere Frameworks aus.

Live-Demo ansehen

Hauptfunktionen

Mehrsprachigkeit (i18n)

Eigenes Übersetzungsmodul mit Unterstützung für 5 Sprachen (PL, EN, DE, IT, FR) und Speicherung der Präferenzen in localStorage

Maximale Leistung

Critical CSS inline, asynchrones Laden, WebP-Format, Google Maps Facade Pattern für blitzschnellen FCP

Flüssige Animationen

Lenis Smooth Scrolling, GSAP Parallax (fallende Honigtropfen), IntersectionObserver API für Slide-in-Effekte

Asymmetrisches Produktraster

Elegante Magazinstruktur mit Glassmorphism-Panels und dedizierten Seitenverhältnissen

Vanilla JavaScript

Leichter Stack ohne React/Vue - reines ES6+ für maximale Geschwindigkeit und minimale Bundle-Größe

Sticky Mobile CTA

Schwebende "Anrufen"-Schaltfläche für mobile Benutzer mit intelligentem Erscheinen nach dem Scrollen

Technologie-Stack

HTML5

Tailwind CSS v3

Vanilla JavaScript (ES6+)

Lenis

GSAP & ScrollTrigger

IntersectionObserver API

WebP Format

Google Maps Facade

Vercel

GitHub

Über das Projekt

Imkerei Goldener Nektar ist eine moderne Landing Page für eine Familienimkerei, die 100% natürlichen, rohen und unpasteurisierten Honig anbietet. Das Hauptziel war es, das Angebot auf Premium-Weise mit maximaler Leistung zu präsentieren.

Das Projekt wurde auf einem leichten Tech-Stack mit Vanilla JavaScript aufgebaut, wodurch schwere Frameworks wie React oder Vue eliminiert wurden. Dadurch erreicht die Website blitzschnelle Ladezeiten und hervorragende Ergebnisse in PageSpeed Insights.

Die Benutzeroberfläche nutzt fortschrittliche Optimierungstechniken: Critical CSS inline, asynchrones Laden von Ressourcen, WebP-Format für alle Grafiken und Google Maps Facade Pattern. Animationen basierend auf GSAP und IntersectionObserver API gewährleisten Flüssigkeit ohne GPU-Belastung auf mobilen Geräten.

Die Website bietet volle mehrsprachige Unterstützung dank eigenem i18n-Modul, asymmetrisches Produktraster mit Glassmorphism-Effekten und einzigartige Parallax-Effekte (fallende Honigtropfen). Deployment auf Vercel mit Edge Caching garantiert globale Verfügbarkeit und Geschwindigkeit.