Web design per Álvaro Vargas

Questo post è dedicato a un nuovo progetto web che abbiamo realizzato nel mese di marzo: un progetto di web design e sviluppo web per Álvaro Vargas.

Attraverso una narrazione in stile storytelling, vi racconterò tutto il processo di progettazione e sviluppo di questo sito web di nuova creazione.

Qualche settimana fa ci ha contattati Álvaro Vargas: inizialmente ci aveva chiesto informazioni per la progettazione di un libro di ricette che pubblicherà prossimamente.

Chi è Álvaro Vargas?

Álvaro Vargas è un nutrizionista molto attivo, che ogni giorno crea contenuti su nutrizione e salute e li condivide sui social. Conosce bene i media e sa come funzionano, per questo attribuisce grande importanza ai social network e li sfrutta al massimo per farsi conoscere.

Ha profili su Facebook, Instagram, pubblica podcast e gestisce un canale YouTube: su tutte queste piattaforme è un grande creatore di contenuti di qualità per chi è interessato a nutrizione e salute. Condivide regolarmente foto dei piatti che prepara, realizza ricette su YouTube e pubblica articoli sul suo sito personale. Inoltre, ha già pubblicato un paio di libri sullo stesso argomento.

Ora, facendo un ulteriore passo nella sua carriera, Álvaro ha avuto la brillante idea di condividere tutte queste conoscenze anche dal vivo: per cominciare, terrà alcuni corsi a Barcellona e Madrid.

Dopo aver concordato la realizzazione della grafica interna del libro di ricette, abbiamo continuato a parlare dei suoi progetti e ci ha affidato un incarico davvero stimolante.

Per sostenere la sua iniziativa di corsi in presenza, desiderava un sito web dove le persone potessero iscriversi direttamente.

Al lavoro!

Ricevuto l’incarico, ci siamo messi subito all’opera in studio. Dopo aver approfondito tutti i dettagli del progetto, avevamo già chiaro quale fosse la linea stilistica di Álvaro: qualcosa di fresco, intuitivo, diretto e che rispecchiasse la sua personalità e le sue ambizioni professionali.

Abbiamo quindi iniziato a lavorare sulla proposta grafica da presentargli.

È stato uno dei progetti più stimolanti degli ultimi tempi: un lavoro all’avanguardia, senza vincoli né limiti creativi, grazie anche alla grande apertura mentale di Álvaro, che fin dall’inizio si è affidato al nostro giudizio professionale. Abbiamo curato ogni dettaglio e il risultato ci ha entusiasmato. Ammettiamo che inizialmente avevamo qualche dubbio sul fatto che Álvaro avrebbe avuto il coraggio di lasciarsi guidare da noi, ma ci ha piacevolmente sorpresi: ha colto subito e perfettamente l’approccio che volevamo dare al suo sito web.

Per il design grafico del sito web abbiamo analizzato i suoi social, i libri e il blog, così da cogliere appieno quale stile fosse più adatto a rappresentarlo.

Gli aspetti tecnici che abbiamo maggiormente valorizzato in questo progetto sono state le animazioni del sito web, la scelta cromatica e la distribuzione delle informazioni.

Quali obiettivi dovevamo raggiungere?

L’obiettivo era realizzare un sito web in stile onepage: dinamico, intuitivo, diretto e molto coinvolgente.

L’utente doveva poter visualizzare rapidamente il sito e trovare subito tutte le informazioni necessarie per capire se il corso fosse di suo interesse e come iscriversi.

I tempi erano stretti, perché Álvaro Vargas desiderava avere il sito pronto per l’inizio di aprile.

Per questo, in studio abbiamo lavorato in modo molto efficiente sui seguenti punti:

1. Palette colori
2. Distribuzione delle informazioni
3. Animazioni
4. Menu
5. Comunicare la vision e la mission di Álvaro
6. Integrazione del sistema di pagamento
7. Personal gifts per Álvaro

1. Sulla palette colori

I colori scelti sono una combinazione ad alto contrasto che dona al design uno stimolo visivo energico, perfetto per uno stile onepage: in questo modo, l’utente entra nel sito e non riesce a distogliere lo sguardo fino a quando non ha esplorato tutta la pagina web, assimilando tutte le informazioni quasi senza accorgersene.

2. Sulla distribuzione delle informazioni

Abbiamo prestato particolare attenzione anche alla disposizione dei contenuti, affinché – proprio come per i colori – lo sguardo dell’utente si sposti agilmente da un modulo all’altro, senza mai annoiarsi o sentire il desiderio di abbandonare la visita.

3. Le animazioni

Il design del sito web include diversi effetti che catturano l’attenzione dell’utente e donano al sito un dinamismo fondamentale per raggiungere gli obiettivi prefissati.

Ad esempio, nella sezione “Domande Frequenti”, abbiamo creato animazioni divertenti: gli occhi di Álvaro seguono costantemente il movimento del cursore, mentre, passando sopra uno degli alimenti presenti sullo sfondo, questo – per magia… o meglio, grazie alla programmazione – scompare!

4. Il menu

Il sito web presenta un menu molto originale, a scorrimento orizzontale, che permette di navigare in qualsiasi momento tra le diverse sezioni del sito. Inoltre, il menu è caratterizzato da una transizione fluida che simula la profondità, rendendo l’esperienza d’uso estremamente piacevole.

5. Comunicare la vision e la mission di Álvaro Vargas

Grazie agli elementi sopra descritti e ai contenuti forniti direttamente da Álvaro, la mission e la vision di Álvaro Vargas risultano chiare e ben trasmesse.

Una volta approvato il design grafico del sito web e ricevuto il via libera da Álvaro, ci siamo messi subito al lavoro sulla programmazione del sito.

6. Il sistema di pagamento

Trattandosi di un sito web con sistema di pagamento integrato, era fondamentale garantire la massima sicurezza. Abbiamo effettuato tutti i test necessari e spiegato ad Álvaro il funzionamento della piattaforma di pagamento, senza alcun problema.

In poche settimane il sito web era già pronto e funzionante. Tutto era pronto per il lancio, e così è stato.

7. Personal gifts per il cliente 😉

Come tocco finale, abbiamo realizzato per Álvaro delle copertine personalizzate da condividere su Instagram e Facebook, così da promuovere al meglio i suoi corsi e valorizzare il lavoro svolto.

Sappiamo che fin dall’inizio Álvaro ha ricevuto molte richieste di iscrizione e che diversi utenti non hanno esitato a prenotare subito il loro posto ai corsi.

Il team di JordiEnsenyatDisseny e CodeWebBarcelona augura ad Álvaro il meglio per questo nuovo progetto e spera che riempia la sala fino all’ultimo posto.

Riconoscimenti

Al momento siamo già stati segnalati su diversi siti dedicati a progetti di web design ispirazionali, come:

http://www.csswinner.com/details/yo-s-nutrirme/11414
http://www.designnominees.com/sites/yo-s-nutrirme
https://onepagelove.com/yo-se-nutrirme
http://www.bestcss.in/user/detail/Yosenutrirme-5193

Il progetto dal vivo

Se siete curiosi di vedere questo progetto online, vi basta seguire il link al suo sito web www.yosenutrirme.com