Tilbage til portfolio
Forsiden på GrandpaBeans: logoet til venstre og til højre en menu med Home, Our Story, Gallery, Nutrition og Contact, der slutter med et rundt græsk flag, over en næsten sort side med en enkelt pose af kraftpapir i midten; dens sorte etiket lyder "ΜΑΥΡΑ ΦΑΣΟΛΙΑ ΑΝΩ ΒΡΟΝΤΟΥΣ ΣΕΡΡΩΝ" og "BLACK BEANS SERRON" over et klart vindue fuldt af sorte bønner.
Åbn grandpabeans.gr i en ny fane

GrandpaBeans — Sorte Bønner fra Ano Vrontou

Overblik

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.

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.

Galleri

  • Forsiden på GrandpaBeans: logoet til venstre og til højre en menu med Home, Our Story, Gallery, Nutrition og Contact, der slutter med et rundt græsk flag, over en næsten sort side med en enkelt pose af kraftpapir i midten; dens sorte etiket lyder "ΜΑΥΡΑ ΦΑΣΟΛΙΑ ΑΝΩ ΒΡΟΝΤΟΥΣ ΣΕΡΡΩΝ" og "BLACK BEANS SERRON" over et klart vindue fuldt af sorte bønner.

    Stop motion-åbning — Produktet alene på en mørk scene

  • Forsiden på en tablet: GrandpaBeans-logoet og en menuknap øverst og den samme kraftpapirpose med sorte bønner alene midt på den mørke side.

    Header på tablet — Menuen foldes sammen, så intet konkurrerer med posen

  • Forsiden på en mobil: GrandpaBeans-logoet og en menuknap øverst og kraftpapirposen med sorte bønner, mindre, midt på den mørke skærm.

    Åbningen på mobilen — Den samme scene, tilpasset den mindre skærm