Sito web sulla piattaforma Squarespace. Sono state apportate delle modifiche profonde al tema scelto dal Cliente. In particolare, il gioco dell'intestazione è stato da me ottenuto attraverso l'utilizzo dei linguaggi JavaScript e CSS. Quest'ultimo è stato utilizzato anche per apportare modifiche non ottenibili con il solo editor della piattaforma. L'intero design del sito è stato pensato per richiamare il tema del volo in aereo, trattandosi di un simulatore di un Boeing 737 in scala 1:1. Il sito web è naturalmente responsive, cioè si adatta a qualsiasi risoluzione dello schermo, compresa quella dei dispositivi portatili, come smartphone e tablet. Il dialogo, anche tramite videocall programmate, è stato costante. Per lo stesso Cliente è stato eseguito anche un lavoro di analisi e modifica di un sito web preesistente.

Programmi utilizzati: piattaforma Squarespace; Gimp per l'editing delle foto.

Questo portfolio funge anche da sito web dimostrativo: è responsive e one page ed è realizzato interamente da zero, ovvero senza l'ausilio di alcuna piattaforma, attenendomi alle nuove specifiche del linguaggio HTML5 e a quelle del CSS3. Un pizzico di JavaScript permette all'utente di modificare il tema; permette inoltre di raggiungere la versione stampabile del portfolio, da me creata per facilitare la stampa delle informazioni qui contenute. I fogli di stile dei temi, così come tutta la struttura semantica del sito, sono interamente creati da me. Il menu che appare da dispositivi mobili è realizzato in JavaScript e CSS.

Programmi utilizzati: l'editor Visual Studio Code.

Sito web in WordPress. Il tema utilizzato è estremamente versatile e personalizzabile. Una migliore grafica è stata da me ottenuta con l'utilizzo dell'editor Elementor e anche del linguaggio CSS3. Per quanto riguarda i contenuti, sono stati forniti dalla Cliente e da me in parte rielaborati. Tutto il lavoro di web design, dal foglio di stile personalizzato alla scelta dei plug in, è stato realizzato autonomamente da me. I colori sono stati proposti dalla Cliente. Senza dubbio, è stato un dialogo interessante. Per la stessa azienda ho realizzato il logo che potete vedere nel sito web: di questo parlo nella sezione "Grafica".

Programmi utilizzati: piattaforma WordPress con l'editor Elementor; Inkscape per il logo aziendale; Gimp per l'editing delle foto.

Sito web in WordPress. Il tema utilizzato è estremamente versatile e personalizzabile: si è partiti da un tema base e scarno. Una migliore grafica è stata da me ottenuta con l'utilizzo dell'editor Elementor e anche del linguaggio CSS3. Per quanto riguarda i contenuti, su questo sito è stato effettuato anche un lavoro di copywriting in team, attraverso la collaborazione con le mie colleghe e la mia responsabile. Tutto il lavoro di web design è stato realizzato da me, in collaborazione con il mio tutor: alcuni script JavaScript sono stati realizzati infatti da lui. Trovo che lavorare in squadra sia altrettanto appagante, soprattutto se si viene ad instaurare un bel rapporto di amicizia, come è accaduto. Per Betang Srl sono state ideate anche delle campagne promozionali, creando landing page apposite. Per la stessa azienda ho svolto anche mansioni da ufficio.

Programmi utilizzati: piattaforma WordPress con l'editor Elementor; Gimp per l'editing delle foto.

Ho maturato un'ottima esperienza per quanto riguarda il lavoro di squadra, in particolare ho ricoperto la figura di web designer in collaborazione con programmatori, copywriter e anche altri web designer. Pur lavorando ormai autonomamente, sono disponibile anche per collaborazioni di questo tipo, ritenendole ottime occasioni per confrontarsi e crescere. Mi sono occupata anche della manutenzione e dell'aggiornamento di siti già esistenti, nonché del loro restyling. Nella foto, la progettazione di una delle skin CSS personalizzate per un gestionale già esistente: è stato uno dei miei primi lavori con CSS. Oltre a ripensare gli elementi grafici dell'applicazione, ho corretto anche alcuni piccoli bug nella struttura.

Programmi utilizzati: Notepad++.

Per quanto riguarda i miei primi lavori di web design, la scelta è ricaduta su questo (attualmente è visionabile qui uno screenshot dell'intestazione con il menù). Si tratta di un sito non ufficiale e dimostrativo su uno dei miei fotografi preferiti, Ferdinando Scianna. Il sito, che utilizzava ancora la divisione dello spazio in tabelle (ora deprecata), fu presentato all'esame di Informatica del corso di Laurea Magistrale in "Scienze dell'informazione editoriale pubblica e sociale", presso l'Università degli Studi di Bari Aldo Moro. Sempre qui, durante il tirocinio presso il Servizio editoriale universitario, mi sono occupata anche della manutenzione del sito già esistente dello stesso. Precedenti siti web sono stati realizzati in HTML e un pizzico di linguaggio ASP. Naturalmente i miei primi siti web erano in HTML4: tra questi sicuramente degno di menzione è il sito di Brindisi virtuale (attualmente non online), realizzato per l'azienda Ormag nel lontano 2003, per il quale è stato fatto anche un lavoro importante sui testi.

Programmi utilizzati: Blocco note per l'HTML e il CSS; Photoshop per l'editing fotografico e la grafica.