Rodina Synergy — sito per un'agenzia di sourcing tessile

Il progetto

Sito per Rodina Synergy, agenzia di sourcing tessile: progettazione e sviluppo. Il sito è in fase di preview.

La sfida

Da venticinque anni Rodina Synergy collega i brand europei con i produttori di India, Cina, Bangladesh, Vietnam e Cambogia, partendo dalla tradizione tessile di Biella. Il sito doveva trasmettere due cose insieme: l’eredità artigianale del distretto biellese e la portata globale della filiera. Doveva essere elegante, veloce e affidabile, senza esporre i visitatori a tracciamenti di terze parti.

La soluzione

Un sito di sei pagine (Home, Servizi, Patrimonio, Produzione, Contatti, Privacy) con un linguaggio visivo classico ed editoriale: titoli in Cormorant Garamond, testo in Lora e un accento oro che richiama la sartorialità del prodotto.

• Mappa della filiera su misura: la mappa mondiale mostra uffici e Paesi produttivi. È generata come SVG in build con D3-geo e world-atlas, quindi il visitatore non scarica nessuna libreria. Sugli smartphone c’è una seconda inquadratura, più stretta sui punti e con testi più leggibili.
• Privacy by design: niente cookie, storage o servizi esterni, e anche i font sono ospitati in locale, quindi il banner dei cookie non serve. Informativa e dati societari sono già integrati nella struttura.
• Responsive curato: il layout è fluido dagli smartphone ai monitor desktop. Sotto i 640px compare un menu a tendina accessibile, navigabile anche senza JavaScript.
• Movimento discreto: barra di lettura, leggera parallasse sulle immagini e animazioni d’ingresso brevi, tutte disattivate per chi sceglie di ridurre il movimento. Il cursore personalizzato in oro è solo CSS e sui dispositivi touch non compare.
• Contenuti da un’unica fonte: uffici, Paesi produttivi e dati aziendali stanno in un solo file. Pagine, footer e mappa restano sempre allineati, e aggiornare una sede vuol dire cambiare una riga.

Tecnologie

Astro per il sito statico, TypeScript in modalità strict, CSS puro con un design system a token, D3-geo e world-atlas usati solo in build, font self-hosted con Fontsource.

Il mio contributo

Progettazione e sviluppo del sito: struttura delle pagine, linguaggio visivo, mappa della filiera e implementazione.

Prossimi passi

Sono già previsti il form di contatto con invio email e la versione multilingue IT/EN/ES.

Risultato

Un sito leggero e veloce, che rispetta la privacy dei visitatori ed è pronto per il form di contatto e la versione multilingue IT/EN/ES.