Lo studio di Montreal San Rita crea un'interfaccia web topografica 3D utilizzando dati reali del terreno

Lo studio di design con sede a Montreal San Rita ha sviluppato un'interfaccia web innovativa che presenta il proprio portfolio come un paesaggio topografico 3D navigabile. Il direttore creativo Julien Sister e lo sviluppatore Sébastien Lempens hanno collaborato al progetto, che ha richiesto circa un anno di prototipazione. Il sito web, sanrita.ca, sostituisce la navigazione tradizionale basata su griglia con un terreno montuoso interattivo dove i progetti appaiono come punti di interesse. Il terreno è costruito utilizzando informazioni reali di elevazione GPS da località canadesi e californiane, elaborate attraverso i software Unreal Height Map e Blender per creare un rendering dettagliato ma efficiente nel browser tramite React Three Fiber. L'estetica visiva trae ispirazione dalla cartografia storica, presentando texture che imitano carta invecchiata ed elementi di navigazione etichettati con terminologia outdoor come sentieri e punti panoramici. Le pagine dei progetti passano a formati HTML e SVG leggeri con effetti personalizzati di shader GLSL applicati alle fotografie, conferendo alle immagini una qualità testurizzata e atmosferica. Il framework tecnico impiega un canvas persistente React Three Fiber insieme a Next.js 16, con GSAP e Lenis che gestiscono le animazioni e DatoCMS che si occupa della distribuzione dei contenuti. La sezione progetti implementa lo scorrimento infinito per emulare un sentiero continuo attraverso il loro lavoro. Questo design digitale ha ottenuto riconoscimenti, essendo stato presentato su piattaforme come Communication Arts e Awwwards, con un'analisi tecnica dettagliata disponibile su Codrops.