Mighty Fossils
Dávné světy oživené ve 3D a AR pro Mighty Fossils
- UX/UI
- 3D
- AR

- Doba trvání
- 2 měsíce
- Technologie
- React, Redux, Three.js
- Platformy
- iOS, Android, web
- Účel
- Neziskový, vzdělávací
Ve zkratce
Dávná stvoření k prozkoumání skrze dechberoucí 3D modely, ilustrace a rozšířenou realitu.
S pomocí nejnovějších technologií jsme vytvořili web s interaktivním 3D a AR. Uživatelé si můžou vyzkoušet vzrušení z paleontologické rekonstrukce a objevovat tvory, kteří vyhynuli před miliony let.
Tohle pohlcující pravěké dobrodružství jsme zpřístupnili napříč zařízeními, prohlížeči i platformami, aby tajemství dávného světa mohl objevovat opravdu každý.

Výzva a řešení
Záměrem tohohle webu bylo ukázat talentované autory, kteří 3D modely a ilustrace vytvořili. Protože pro uživatelský zážitek je zásadní plynulé rozhraní, dbali jsme na to, aby se web snadno ovládal.
Zobrazovat 3D animace online je náročné, přesto se nám podařilo vyvinout software, který běží plynule a zařízení uživatele nepřetěžuje. Web je navržený responzivně a přizpůsobivě, takže funguje na široké škále zařízení, prohlížečů i platforem.

Jak to vznikalo
Důležitou částí projektu byla neustálá optimalizace bohatého grafického obsahu. Dalším tématem byla plná přizpůsobivost a přístupnost webu. Architekturu jsme přitom museli postavit tak, aby se web snadno udržoval a obsah dal pohodlně spravovat.
Abychom tyhle klíčové cíle zvládli, začali jsme jasnou vizí a strategií pro strukturu, vzhled i funkce webu. Práce s 3D modely nakonec našeho partnera nadchla a náš tým dál hledá cesty, jak web posouvat dál.

Technologie
Software, který jsme vytvořili, spojuje několik technologií. React jsme použili pro vývoj front-endu a uživatelského rozhraní. Celkové řešení stojí na JavaScriptové knihovně. Díky AR komponentě působí dávní tvorové, jako by stáli přímo vedle vás.
Ke správě toho, která data se uživatelům zobrazují a jak se ukládají a aktualizují, jsme použili Redux. Three.js jsme nasadili na vykreslování 3D animací a modelů, což umožnilo poutavě zobrazit dynamickou grafiku. Výsledkem je responzivní web s plynulými vizualizacemi a realistickými animacemi.