Exmiron.com

Contesto aziendale

Exmiron opera tra i mercati europei e mediorientali, il che significa presentare la stessa identità aziendale a un pubblico che legge in inglese e a uno che legge in arabo, senza che nessuna delle due versioni sembri un ripiego.

La sfida

Garantire una piena parità di layout tra un sito inglese da sinistra a destra e un sito arabo da destra a sinistra — con navigazione, spaziature, iconografia e animazioni speculari corrette — mantenendo un'identità visiva unica e coerente.

Obiettivi

• Presentare un'identità di brand premium e coerente sia in inglese sia in arabo.
• Supportare un layout completo da destra a sinistra per l'arabo, senza un'esperienza degradata.
• Strutturare i contenuti aziendali — servizi, chi siamo, progetti, news — attorno a una navigazione chiara.
• Fornire percorsi di contatto chiari sia per l'ufficio di Dubai sia per quello di Firenze.
• Stabilire una fondamenta di metadati SEO per il sito aziendale.

Ruolo e responsabilità

Design e sviluppo frontend completi, incluso il sistema di layout bidirezionale che mantiene in parità inglese e arabo.

• Direzione visiva e design aziendale premium
• Sviluppo frontend con pieno supporto al layout da destra a sinistra
• Architettura dei contenuti multilingua e bidirezionale (i18next)
• Architettura delle informazioni aziendali e design della navigazione
• Fondamenta di metadati SEO
• Integrazione del form di contatto per le richieste da Dubai e Firenze

Panoramica della soluzione

Il sito utilizza i18next per gestire sia i contenuti linguistici sia la direzione del layout, così il passaggio all'arabo specchia l'intera interfaccia e non solo il testo. Le sezioni aziendali — servizi, chi siamo, progetti, news — condividono un unico sistema di navigazione in entrambe le direzioni, e le richieste di contatto vengono instradate tramite EmailJS ai team di Dubai e Firenze.

Cosa è stato costruito

Architettura e tecnologia

Un sito Next.js 14 con App Router, in cui i18next gestisce insieme lingua e direzione del testo, così ogni componente legge la direzione del layout dalla lingua attiva invece che da CSS statico.

Framework

• Next.js 14 (App Router)
• TypeScript

Internazionalizzazione

• i18next
• react-i18next
• i18next-browser-languagedetector

Stile e UI

• Tailwind CSS
• next-themes
• Lucide icons

Contatto

• EmailJS

Scelte di design

Layout consapevole della direzione, non un foglio di stile speculare

I componenti leggono la direzione del testo dalla lingua attiva, quindi il supporto RTL si estende alle nuove sezioni senza dover mantenere un layout separato solo per l'arabo.

Un'identità, due direzioni

Tipografia e animazioni sono misurate abbastanza da mantenere lo stesso tono premium sia in inglese sia in arabo.

Fondamenta SEO

• Fondamenta di metadati su servizi, chi siamo, progetti e news
• Struttura di sitemap e robots per la rilevabilità nei motori di ricerca

Sfide tecniche

• Ottenere una vera parità da destra a sinistra — spaziature, direzione delle icone e navigazione speculare — in ogni componente di un unico design system
• Mantenere un'identità visiva coerente tra due direzioni di lettura strutturalmente diverse

Stato attuale

Servizi correlati

• Web Design e Sviluppo

  Siti web e piattaforme digitali premium progettati per comunicare con chiarezza, convertire i visitatori e supportare il reale funzionamento della tua azienda.