Creative Hub
Case Study — Porto · Logistica · West Africa

PTML
Nigeria

Ports and Terminal Multiservices Ltd (PTML) è il più grande terminal multipurpose RO/RO dell'Africa Occidentale, operato dal Gruppo Grimaldi. Arachno ha progettato il layout UX/UI e il CSS templating avanzato per il sito istituzionale e il portale e-services del terminal di Lagos.

ClientePTML — Ports & Terminal Multiservices Ltd
GruppoGrimaldi Group
Sede operativaTin Can Island Port · Lagos, Nigeria
SettorePorto · Logistica · RO/RO Terminal
Anno2024
ServiziUX Layout · UI Design · CSS Advanced Templating
#1
Terminal RO/RO West Africa
2024
Anno del progetto
5
Sezioni e-services
3
Moduli di tracking
Schermate del sito

Il sito in azione

PTML Nigeria — homepage con vista aerea del terminal portuale di Lagos

Homepage — vista aerea del terminal con nave Grimaldi Lines e il claim "The largest Multipurpose RO/RO Terminal in West Africa"

PTML Nigeria — galleria fotografica con elicotteri, container Grimaldi e parco veicoli

Galleria operativa — elicotteri, container Grimaldi Lines e parco veicoli: la varietà del terminal RO/RO

Il Progetto

Il più grande terminal RO/RO dell'Africa Occidentale

PTML — Ports and Terminal Multiservices Ltd — opera il terminal Tin Can Island Port di Lagos per conto del Gruppo Grimaldi, leader mondiale nel trasporto marittimo RO/RO. Il sito doveva servire sia gli operatori portuali che i clienti commerciali, con accesso diretto agli e-services e ai sistemi di tracking.

La sfida era progettare un'interfaccia che funzionasse in contesti di connettività variabile tipici dell'Africa Occidentale, con un CSS templating avanzato che garantisse performance e accessibilità su tutti i dispositivi.

Cosa ha fatto Arachno

UX/UI layout e CSS templating avanzato

Arachno ha progettato il layout UX del sito con una navigazione chiara tra le sezioni istituzionali (About Us, Aree di Attività, Informazioni) e il portale operativo (E-Services, Tracking), garantendo percorsi distinti per clienti commerciali e operatori portuali.

Il CSS templating avanzato ha permesso di creare un sistema di componenti visivi coerenti con l'identità Grimaldi Group — palette verde/bianco, tipografia istituzionale — ottimizzato per performance e manutenibilità nel lungo periodo.

Competenze applicate

Cosa abbiamo fatto

01 — UX

Layout e architettura

Struttura a doppio percorso: istituzionale (About, Attività, Info) e operativo (E-Services, Tracking, Log In). Navigazione ottimizzata per utenti B2B.

02 — UI

Design Grimaldi-compliant

Palette verde/bianco coerente con l'identità Grimaldi Group, tipografia istituzionale, hero slider con fotografie aeree del terminal.

03 — CSS Avanzato

Templating performante

Sistema di componenti CSS avanzato ottimizzato per connettività variabile, con animazioni leggere e caricamento progressivo delle immagini.

Deliverables

Cosa abbiamo consegnato

01
Layout UX completo
Wireframe e layout definitivo per homepage, sezioni istituzionali e portale e-services.
02
UI Design system
Design system con palette, tipografia, componenti e stati interattivi coerenti con Grimaldi Group.
03
CSS templating avanzato
Template CSS modulare con componenti riutilizzabili, ottimizzato per performance e manutenibilità.
04
Hero slider fotografico
Slider homepage con fotografie aeree del terminal, navi Grimaldi e operazioni portuali.
05
Portale E-Services
Layout per il portale operativo con accesso a servizi digitali per operatori e clienti commerciali.
06
Sezione Tracking
Interfaccia di tracking per container e veicoli con moduli di ricerca e stati di avanzamento.
07
Galleria operativa
Galleria fotografica con immagini delle operazioni: elicotteri, container, parco veicoli, navi.
08
Responsive & performance
Ottimizzazione per dispositivi mobili e connettività variabile, con caricamento progressivo.
Vuoi un progetto simile?

Progettiamo insieme il tuo portale operativo

Grandi gruppi industriali, operatori portuali, aziende internazionali: progettiamo siti e portali che funzionano in qualsiasi contesto, con UX chiara e CSS performante.

🍪 Utilizzo dei Cookie

Questo sito utilizza cookie tecnici necessari per il funzionamento e, previo tuo consenso, cookie di terze parti per migliorare la tua esperienza di navigazione e analizzare il traffico. Puoi accettare tutti i cookie, rifiutarli o gestire le tue preferenze. Leggi la Cookie Policy