← Tutti i progettiCase study · 03

Sacith Lab

Una vetrina bilingue di lusso per uno sgabello brevettato e regolabile in altezza, disegnata in Figma e costruita per essere raffinata quanto il prodotto che presenta.

Ruolo

Full Stack Developer & UI/UX Designer

Tipo

Sacith S.r.l.

Anno

2025

Categoria

Sviluppo Web

HTMLPHPTailwind CSSFigmaJavaScriptMySQLAOS.jsSwiper.jsAruba Linux
Il sito di Sacith Lab mostrato su un mockup di laptop
Panoramica

Il sito di Sacith Lab è stato pensato come una vetrina di prodotto di lusso, per mettere in risalto modernità, eleganza e il design innovativo dello sgabello.

Il sito unisce racconto visivo e precisione tecnica, creando un'esperienza immersiva sia per il pubblico italiano sia per quello inglese.

Dai prototipi Figma all'implementazione, la piattaforma è stata costruita per valorizzare l'estetica del prodotto garantendo insieme accessibilità, performance ed esperienza d'uso fluida.

La sfida

Il cliente voleva un sito che posizionasse lo sgabello come un oggetto di design di fascia alta, capace di riflettere artigianalità e lusso contemporaneo. La sfida era tenere insieme un design minimalista, contenuti visivi ricchi e interazioni fluide, senza sacrificare velocità di caricamento e usabilità.

01

Un'esperienza bilingue, italiano e inglese, con contenuti che restino facili da mantenere

02

Un design visivamente ricco ma minimalista, ottimizzato per la performance e per un accesso mobile-first

03

Animazioni e caroselli fluidi che non rallentino mai la pagina

Processo

Come è nato

Le schermate mobile di Sacith Lab
La homepage di Sacith Lab con il selettore di lingua italiano e inglese
La sezione dimensioni di Sacith Lab su un tablet
01

Design UI/UX in Figma

In Figma sono stati creati un design system completo e prototipi ad alta fedeltà, per garantire un'interfaccia curata e coerente: tipografia equilibrata, gerarchia visiva raffinata e transizioni morbide, tutto scelto per evocare sofisticatezza ed eleganza contemporanea.

02

Contenuti bilingue su una base PHP modulare

Il backend gira su PHP e MySQL e gestisce i contenuti e il routing modulare delle pagine. I testi italiani e inglesi vivono in file di traduzione JSON, così il cambio lingua è immediato e aggiungerne una nuova è questione di aggiungere un file.

03

Motion, performance e messa online

HTML5, Tailwind CSS e JavaScript vanilla, con AOS.js e Swiper.js per effetti allo scroll e caroselli che presentano lo sgabello come un oggetto di design di lusso. Il sito è ospitato su Aruba Linux via cPanel, aggiornato tramite Git e FTP e ottimizzato con immagini WebP, caching e buone pratiche di accessibilità.

Decisioni chiave

Le scelte che hanno definito il prodotto

File di traduzione JSON per due lingue

Perché

Gestire i contenuti italiani e inglesi in file JSON tiene le traduzioni una accanto all'altra, facili da modificare e scalabili verso nuove lingue.

Compromesso

Le modifiche ai testi passano comunque da chi sviluppa, perché non c'è un'interfaccia di redazione.

JavaScript vanilla con AOS.js e Swiper.js

Perché

Una vetrina ha bisogno di movimento, non di stato applicativo. Due librerie piccole danno effetti allo scroll e caroselli senza il peso di un framework.

Compromesso

Meno struttura su cui appoggiarsi se il sito dovesse diventare qualcosa di più interattivo.

Hosting Aruba Linux con cPanel, Git e FTP

Perché

PHP e MySQL girano nativamente sull'hosting del cliente e gli aggiornamenti partono via Git e FTP senza infrastruttura aggiuntiva.

Compromesso

I deploy sono manuali, quindi ogni rilascio richiede attenzione e una checklist.

Risultati

Che cosa è cambiato

IT · EN

Un sito bilingue che posiziona lo sgabello come un prodotto di design premium

WebP

Immagini ottimizzate e caching mantengono veloci e reattive pagine ricche di contenuti visivi

Scalabile

Una piattaforma pronta per prodotti e sviluppi futuri, costruita con il cliente a ogni giro di feedback

Galleria
La sezione contatti di Sacith Lab
La sezione dei colori disponibili su mobile
Che cosa ho imparato

Questo progetto ha approfondito la mia comprensione del design digitale di fascia alta e dell'internazionalizzazione, unendo racconto visivo, performance e usabilità. Ha rafforzato la mia capacità di progettare siti guidati dall'immagine che tengono insieme estetica e prestazioni.

Gestire i contenuti bilingue con file di traduzione JSON mi ha dato un approccio mantenibile all'internazionalizzazione, e tradurre i design Figma in interfacce responsive ed eleganti ha affinato il mio flusso di lavoro dal design all'implementazione.

Il lavoro a stretto contatto con il cliente, l'apertura al feedback e il miglioramento iterativo hanno reso la collaborazione parte del risultato tanto quanto il codice.

Progetto successivoNewmann→Tutti i progetti