RENATO GIORDANELLI

RENATO GIORDANELLI

◄ Questo è il mio ABC
Contattami su
renato.giordanelli@gmail.com ◄

In English please!

A ► WEB DESIGN

Linguaggi

Realizzo siti web da zero, anche senza l'aiuto di framework come bootstrap, utilizzando: HTML5, CSS3, SASS, JQUERY, Basi di JS, Basi di PHP (soprattutto per i form).

Responsive

Secondo il rapporto Global Mobile Trends, l’accesso a Internet attraverso i mobile passerà dal 48% nel 2018 per arrivare fino al 60% nel 2020 andando a coinvolgere circa 4,7 miliardi persone.
Questo è il motivo per cui dedico particolare attenzione alla responsività dei siti che realizzo.

La velocità di caricamento conta…

Ci sono molte tecniche per rendere un sito web "leggero" tra cui:
ottimizzazione delle immagini, minificazione del codice, compressione dei dati gzip, ottimizzazione cache.

… ma anche l’esperienza utente

Attendere tre secondi con una barra di avanzamento animata è molto diverso rispetto ad una pagina vuota.
Questo semplicissimo esempio fa capire da subito quanto sia importante l'UI/UX.
Non molto tempo fa ho scritto un articolo a riguardo.

► Articolo

Alcuni siti web

yuppiDay

Scuola d'inglese

Ho fondato yuppiDay grazie ad un'idea partorita da me e dal Prof. di inglese Domenico Bertone
Il logo, i colori e tutte le grafiche sono state ideate e realizzate da me con il supporto di molti feedback richiesti agli utenti.
I video del Corso d'inglese sono stati registrati in uno studio (video, audio e luci), modificati e pubblicati da me.
Ad oggi hanno acquistato il Corso più di 1.800 studenti online con feedback positivi.

► yuppiDay (Blog)
► yuppiDay (Corso)
► Udemy

Calabria Realty Group

Agenzia Immobiliare

Calabria Realty Group vende immobili ad un pubblico perlopiù anglofono
Il sito mostra le bellezze della Calabria grazie alla creazione di un'area blog ed un'ottima blogger.
I colori, le fotografie richiamano il nostro bel Paese, il sito è disponibile in diverse lingue con una comoda chat whatsapp per essere contattati velocemente dagli utenti.
Ho realizzato il sito in Wordpress, inserendo diversi plugin per semplificare di molto il lavoro dei gestori.
Calabria Realty Group è rimasto soddisfatto e il sito cresce costantemente.

► Calabria Realty Group

SIIP

Società di ingegneria

SIIP ha richiesto un aggiornamento grafico e di architettura del sito.
Il sito doveva mantenere assolutamente la sua identintà. SIIP ha voluto un sito che fosse del tutto personalizzato.
Per soddisfare le richieste ho realizzato prima l'architettura e poi la grafica con il programma adobe XD e, dopo aver presentato il layout, ho realizzato il sito da zero con: HTML, SASS ed alcune librerie JS.

► SIIP (attuale)
► SIIP (proposta)

Italianogratis.it

Istruzione

Italiano Gratis è un sito realizzato in WP.
Molti stranieri vogliono imparare l'italiano e dunque non ho person l'occasione di realizzare un porgetto simile a yuppiDay ma con grandi differenze.
Ecco di cosa mi sono occupato nello specifico:



► FAHD

Agrigarden

Azienda di Agricoltura e Giardinaggio

Un'attività commerciale storica aperta dal 1948.
Agrigarden chiedeva un sito dai colori vivaci, che potesse trasmettere "aria di freschezza".
Ho soddisfatto le sue richieste attraverso palette di colori vivaci e foto (realizzate da me) modificate ad hoc.

► Agrigarden

Altri lavori

Alcuni di questi lavori sono stati realizzati circa cinque anni fa

Negli anni ho realizzato molti lavori anche in collaborazione con agenzie, qui riporterò un piccolo elenco:

► Raftingexplorerlao
► Basketcasalnuovo
► Sicert
► Quadcalabriaexplorer

Altre Skills

Tante altre cose sono necessarie per chi fa il mio lavoro: gestire uno spazio host, gestire backup, utilizzare HTACCESS, utilizzare staging, utilizzare protocolli sicuri come HTTPS, utilizzare FTP e tanto altro ancora.
Tra le priorità ci sarà sempre il trovare la miglior soluzione nel minor tempo.

B ► GRAFICO

Pacchetto Adobe e Open Source

Lavoro tutti i giorni il pacchetto Adobe: Photoshop, Illustrator, Indesign, Premiere, ed è proprio per questo motivo che riesco ad utilizzarli con grande dimestichezza.
Prima di Adobe ho utilizzato software Open Source come: GIMP, Darktable e Inkscape. Per GIMP ho contribuito a correggere gli errori del manuale ufficiale italiano.
Vi mostro il mio primo Artwork realizzato con GIMP.

► Errori Corretti sul Manuale
► Primo Artwork realizzato con GIMP
► File xfc dell'Artwork

Oltre l'utilizzo dei software

Imparare ad utilizzare un software è relativamente semplice, ciò che cercavo di perfezionare era la progettazione, spinto da questa esigenza ho deciso di iscrivermi alla Scuola Internazionale COMICS concludendo il Corso con un voto di 28/30.
Alla Comics ho imparato l'importanza degli: Stili, Proporzioni, Forme, Spazi, Fonts, Colori, Grafica Coordinata, Presentazione, Target, Ottimizzazione e soprattutto Funzionalità. Il mio Guru Prof. Biagio mi ha insegnato che il Design dev'essere "innanzitutto funzionale e se rimane del tempo... bello".

Alcuni Lavori

Nel corso degli anni ho accumulato tantissimi lavori di grafica, per questo motivo ne mostrerò solo alcuni:

Super Mario Bros

Ho realizzato questo video con Photoshop, Premiere ed After Effect.
Lo scopo è esclusivamente didattico, ho potuto provare effetti ed animazioni dei software adobe.

► Mario vs Zelda

Negapedia

Un progetto realizzato dal Prof. Marchiori (il "nonno" di Google), che seguivo sin dal progetto Volunia.
Negapedia è uno dei suoi ultimi progetti, permette di capire quante controversie ci sono state nelle varie pubblicazioni in wikipedia.
Ho proposto il restyling grafico del layout riposizionando gli elementi, ottimizzando gli spazi, ripensando il logo, utilizzando altri fonts... il Prof. Marchiori ha apprezzato la mia proposta.

► Negapedia (attuale)
► Negapedia (proposta)

San Carlo

Anche questo un progetto che ho voluto realizzare con l'unico obiettivo di soddisfare la mia domanda "Se la San Carlo mi chiedesse un restyling come lo realizzerei?".
Per rendere il tutto più divertente ho deciso anche questa volta di non utilizzare framework e partire da zero.
Un vero e proprio "lavoraccio", ho cercato di mantenere l'identità San Carlo il più possibile attraverso: forme, colori, fonts, spazi, immagini.

► San Carlo (attuale)
► San Carlo (proposta)

Artwork PS

Spesso mi rilasso realizzando Artwork con Photshop, mi è molto utile per apprendere nuove tecniche di fotoritocco!

► A wise chicken (JPG)
► A wise chicken (PSD)

C ► FOTOGRAFIA

Passione

Tutto è iniziato con l'acquisto della mia amata entry level sony aplha 55v.
Ho trascorso momenti indimenticabili immerso nella natura, ore di attesa nella ricerca dello scatto che riuscisse a comunicare ciò che sentivo in quei momenti magici. Ho imparato tanto dalla fotografia e sono certo che ho ancora tanto da poter dare.

Alcune piccole soddisfazioni

Amo i progetti Open Source, danno tanto alla comunità senza chiedere nulla in cambio.
Volevo ringraziare alcuni progetti con degli scatti, per questo motivo ho partecipato a tre contest di tre sistemi operativi (Ubuntu LTS, Ubuntu, Mint).
Le comunità hanno scelto i miei scatti e inseriti come wallpaper ufficiali nei sistemi operativi, un gesto che mi ha riempito di gioia.

► Ubuntu LTS
► Ubuntu
► Linux Mint

Profilo Facebook

La passione per la fotografia mi ha dato tanto anche sulla grafica (soprattutto raster). Alcune foto le pubblico proprio nel mio profilo personale.

► Facebook

Grazie per il tempo dedicato 💚