Retour aux projets
Pasieka Złoty Nektar

Portfolio

Rucher Nectar d'Or

Site web professionnel One-Page pour un rucher familial de Kazimierz Dolny. Le projet se distingue par un design moderne Premium/Dark Mode, des animations fluides et une optimisation extrême des performances basée sur Vanilla JS sans frameworks lourds.

Voir la Démo Live

Fonctionnalités Clés

Multilingue (i18n)

Module de traduction personnalisé supportant 5 langues (PL, EN, DE, IT, FR) avec stockage des préférences dans localStorage

Performance Maximale

Critical CSS inline, chargement asynchrone, format WebP, Google Maps Facade Pattern pour FCP ultra-rapide

Animations Fluides

Lenis Smooth Scrolling, GSAP Parallax (gouttes de miel tombantes), IntersectionObserver API pour effets slide-in

Grille de Produits Asymétrique

Structure magazine élégante avec panneaux Glassmorphism et ratios d'aspect dédiés

Vanilla JavaScript

Stack léger sans React/Vue - ES6+ pur pour vitesse maximale et taille de bundle minimale

Sticky Mobile CTA

Bouton "Appeler" flottant pour utilisateurs mobiles avec apparition intelligente après défilement

Stack Technologique

HTML5
Tailwind CSS v3
Vanilla JavaScript (ES6+)
Lenis
GSAP & ScrollTrigger
IntersectionObserver API
WebP Format
Google Maps Facade
Vercel
GitHub

À Propos du Projet

Rucher Nectar d'Or est une Landing Page moderne créée pour un rucher familial offrant du miel 100% naturel, cru et non pasteurisé. L'objectif principal était de présenter l'offre de manière premium tout en maintenant des performances maximales.

Le projet a été construit sur un stack technologique léger avec Vanilla JavaScript, éliminant les frameworks lourds comme React ou Vue. En conséquence, le site atteint des temps de chargement ultra-rapides et d'excellents scores PageSpeed Insights.

L'interface utilise des techniques d'optimisation avancées: Critical CSS inline, chargement asynchrone des ressources, format WebP pour tous les graphiques et Google Maps Facade Pattern. Les animations basées sur GSAP et IntersectionObserver API garantissent la fluidité sans charge GPU sur les appareils mobiles.

Le site offre un support multilingue complet grâce à un module i18n personnalisé, une grille de produits asymétrique avec effets Glassmorphism et des effets parallax uniques (gouttes de miel tombantes). Le déploiement sur Vercel avec Edge Caching garantit disponibilité globale et vitesse.