Sviluppo Front End su misura
È l’essenza di quello che facciamo. Supportiamo il processo di design valutandone il prodotto finale, comprendendolo e visualizzandolo per estrarne personalità e limiti. Razionalizziamo il design e lo proiettiamo sul codice. La semantica dei contenuti ne costituisce le fondamenta, e partendo dagli elementi più semplici e più caratterizzanti dell’identità visiva e della narrazione costruiamo il codice che realizza il design, strato dopo strato, garantendo che funzioni con ogni browser, device o velocità di connessione.
Nel farlo prestiamo attenzione a come il codice si comporta: velocità di caricamento, fluidità delle animazioni, fedeltà di layout. E a come cresce: abbiamo adottato il modello dello sviluppo atomico per fornire non tanto e non solo siti web eleganti e gradevoli, ma contemporaneamente Manuali di Stile che permettono al design di evolvere e maturare ad ogni iterazione.
Partiamo dal design e lo trasformiamo in codice elegante.
-
Progetti di architetture Front End
Siti web complessi con requisiti compositi (CMS, compatibilità con una matrice estesa di browser, UX, UI, visual design, sistemi e applicazioni di Back End, adattamento responsivo, infrastruttura di rilascio, gestione delle performance…) richiedono una solida architettura di Front End. Una struttura che sia leggera, durevole, e capace di supportare ogni sfumatura o ridefinizione dei contenuti o della grafica.
Progettiamo e sviluppiamo l’infrastruttura di Front End, su misura o selezionando attentamente i framework che forniscono la necessaria agilità, efficienza e manutenibilità nel tempo.
Gran parte di questo processo consiste in sviluppo puro (griglie responsive, toolchain di generazione del codice, modularizzazione degli elementi…): elementi invisibili, ma che permettono di ridurre i tempi di sviluppo, di test e di consegna, e garantiscono una migliore manutenibilità del codice nel tempo (con maggiore efficienza e risparmio di costi).
-
Sviluppo atomico e definizione di Manuali di Stile
Lo sviluppo atomico è una metodologia che pone l’accento sulla granularità degli elementi del design, bilanciando tra astrazione generale e contesto particolare. È una modalità di sviluppo che favorisce una maggiore consistenza del design nella sua implementazione, perché gli elementi che implementano il design sono riutilizzabili e riflessi in un Manuale di Stile, sistematicamente basato sul codice utilizzato all’interno del sito.
La nostra attenzione è quindi nel costruire un sistema di elementi coerente ed in grado di evolvere nel tempo, non tanto specifici template o pagine. Il vantaggio per clienti e designer è un codice che riflette organicamente modifiche o evoluzioni del design; la possibilità di riutilizzare gli elementi in modo organico, supportandone variazioni ed evoluzioni; e un risparmio sensibile nel tempo e nell’impegno richiesto per il rilascio di nuove combinazione di layout.
Il vantaggio per noi, oltre a lavorare sulla base di una solida metodologia di sviluppo, è in una maggiore soddisfazione dei nostri clienti.
-
Sviluppo Responsivo
Gli utenti si aspettano un’esperienza di continuità attraverso i diversi strumenti con cui interagiscono: computer, tablet, telefoni, TV, console, persino orologi connessi.
Il design responsivo indirizza questo obiettivo con una singola implementazione, che fornisce contenuti e servizi in una modalità gradevolmente fruibile ed accessibile a prescindere dalle dimensioni dello schermo, dalla caratteristiche dello strumento o dal tipo di connessione.
Adottare e comprendere lo sviluppo responsivo vuol dire fornire tanto soluzioni tecniche specifiche, quanto soprattutto supporto alle scelte di design, indirizzando il continuum delle diverse dimensioni di schermi e di modalità di interazione, e identificando e risolvendo i casi limite.
Vuol dire prendere decisioni informate sulle diverse implementazioni ed approcci possibili per ottenere il massimo valore per l’utente, con una maggiore soddisfazione dei nostri clienti.
-
Integrazione tra Front End e Back End
Lo sviluppo Front End è diventato nel tempo una disciplina complessa e verticale, che ha permesso alle dimensioni dei progetti di crescere significativamente.
Questa maturità ha accentuato la distanza tra Front End e Back End, con ciascuna area che ha perseguito le migliori pratiche di settore e adottato processi propri, pur dovendo abbinare il proprio codice a quello della controparte.
La nostra esperienza è che in un tipico progetto enterprise, lo sviluppo di back End consuma più impegno, risorse, e budget dello sviluppo Front End, trovandosi a risolvere maggiori problemi e difficoltà, con il risultato di fagocitare budget e marginalizzare la componente Front End per dare priorità a problemi di integrazione e di sviluppo più critici.
Questa asimmetria genera tuttavia un rischio di business elevato: cioè che scelte di design ragionate e frutto di significativi investimenti vengano compromesse per soluzioni rapide (spesso imprecise) per poter indirizzare scadenze e consegne.
Il risultato è che il prodotto finale non rispetta più il design, e può potenzialmente fallire sulla sua componente più critica: l’utente.
Modo permette ai team di sviluppo Back End di dedicarsi esclusivamente ai propri obiettivi e alla complessità inerente il proprio ambito, permettendo un’efficiente integrazione con la componente Front End e garantendo design, user experience, e scadenze del progetto.
-