Creazione del layout web del sito Farosoft e illustrazioni

La mia esperienza di tirocinio curriculare nell’azienda romana Farosoft Srl è stata illuminante. Per la prima volta, ho potuto gestire la creazione di un layout per essere effettivamente, in seguito, realizzato. Il sito di Farosoft era, proprio in quel periodo, in fase di estremo cambiamento e il compito che mi è stato affidato è stato quello di riadattare alla versione mobile il sito desktop già realizzato.

Per questa operazione ho iniziato, sotto la supervisione del mio tutor Giulia Santucci, ad utilizzare una risorsa che oggi mi è assolutamente indispensabile per la creazione di mockup: Adobe XD.

Il primo passo è stato quello di individuare una griglia da rispettare il più possibile, per inserire i vari contenuti.



Dopo aver deciso la struttura della griglia ho trasposto tutti gli elementi creando un layout che poi ho sempre seguito, formato da alcune misure standard. La cosa interessante, è che tramite Adobe XD, c’è la possibilità di vedere in tempo reale il proprio lavoro sulla companion app sullo smartphone android. Questo ha consentito, di gestire le misure dei vari elementi per poi dare delle linee guida più specifiche possibili ai programmatori.




Ovviamente tutto ciò che è contenuto all’interno del sito (icone, illustrazioni, decisioni grafiche) non è, purtroppo, farina del mio sacco. Nonostante ciò, ho avuto la possibilità di dare il mio contributo con ben due delle illustrazioni presenti, che riprendono lo stile di quelle già progettate.


Alcune illustrazioni per Farosoft

Per vedere il risultato finale del lavoro, potete visitare il sito web di Farosoft cliccando qui sotto!

www.farosoft.it