GrandpaBeans — Sorte Bønner fra Ano Vrontou
1 måned
|
Designer & Udvikler
Vi designede og udviklede grandpabeans.gr, en tosproget (græsk/engelsk) enkeltside-brandfortælling for Prodromos Matenoglou — den tidligere fysioterapeut, der i 2019 forlod sin praksis for at genoplive glemte arvefrø fundet i hans bedstefars lager og blev Grækenlands eneste kommercielle producent af sorte bønner. Sitet åbner med en 20-frames stop-motion-hero, der skifter mellem hele og bidte bønner, og udfolder derefter en scroll-drevet fortælling over syv sektioner: intro, grundlæggerens historie, høstgalleri, ernæringsprofil (24g protein, anthocyaniner, komplet aminosyre-spektrum), FAQ og kontakt. Bygget uden database eller framework — det tosprogede indhold lever i PHP-sprogfiler, routingen fjerner /en/-præfikset serverside, og hele sitet opretholder 60fps scroll-animationer via GSAP 3.12.5 med fulde reduced-motion-fallbacks. JSON-LD strukturerede data dækker Organization, LocalBusiness, Product og FAQ; en llms.txt-fil eksponerer brandet for AI-crawlere. Brandets optræden på Dragons' Den Greece (S2E2, ANT1, januar 2024) — med en aftale på 30.000€ — fortælles gennem grundlæggerens baggrund, ikke som et banner.
Teknologier
PHP
HTML5
CSS3
Vanilla JavaScript
GSAP
ScrollTrigger
Bilingual i18n
Structured Data
Responsive Design
SEO
Udfordringer
At oversætte en følelsesladet arvefortælling — bedstefar-til-bedstefar-frø, et Dragons' Den-støttet comeback, et enestående monopol i 1.200m højde — til en enkelt side, der præsterer på mobil, forbliver tilgængelig og føles filmisk, uden database, framework eller e-commerce-stack.
Løsninger
En scroll-koreograferet fortælling i syv animerede sektioner, en 20-frames stop-motion-hero der gør produktet til en karakter, og et afhængighedsfrit PHP-routinglag til tosprogede URLs. ScrollTrigger-animationer respekterer prefers-reduced-motion; den sticky pill-navigation forbliver forankret under iOS URL-bar-kollaps via fixed positionering (ingen transforms); JSON-LD og tosproget hreflang giver Google og AI-søgemaskiner fuld synlighed i et brand, der tidligere var fraværende fra engelsksprogede web-indekser.
