Preskočiť na obsah
← Projekty a klientska práca

What Is Meat?

Interaktívny 3D scrollovací príbeh o tom, odkiaľ pochádza mäso, vytvorený od začiatku do konca a dostupný v 46 jazykových verziách.

  • Next.js
  • React Three Fiber
  • GSAP
  • Playwright
Webová stránka whatismeat.com

Myšlienka

Stránka rozpráva príbeh cez 3D scénu ovládanú posúvaním, s ovládaním prehrávania. Prvá kapitola sa začína na poli s kravou a príbeh pokračuje ďalej.

Môj prínos

Postavil som ho od začiatku do konca: rozsah, architektúru, 3D scénu aj vydanie. Pracujem na ňom s AI agentmi, ale zodpovedám za rozsah, architektúru, testy a rozhodnutie o vydaní.

Rozsah implementácie

Scéna využíva Next.js s React Three Fiber a pohyb zabezpečuje GSAP. Dáta sú uložené v Neon cez Drizzle a stránka beží na Vercel. Analytika vyžaduje súhlas a rešpektuje súkromie; súčasťou webu je aj verejná stránka s dopadom.

Kontrola kvality

Prístupnosť, kontrast a rozpočty výkonu sú automatizované testy, ktoré bežia vo všetkých jazykových verziách: 64 unit testov a 28 špecifikácií Playwright. Výkon a prístupnosť sa berú ako testy, nie ako dodatok.

Jazyky

Príbeh je dostupný v 46 jazykových verziách. Neanglické verzie sú strojovo podporené návrhy a sú tak aj označené, nie prezentované ako preklady na úrovni rodeného hovorcu.

What Is Meat? 3D scéna s kravou na poli, názvom príbehu a ovládaním prehrávania
Verejný príbeh, prvá kapitola
Webová stránka Ozvite sa mi