Presentazione dell Agenzia 16/02/2015

Transcript

1 Presentazione dell Agenzia 16/02/2015

2 Lavoriamo con passione affinché regni il buon design E piano piano ci stiamo riuscendo

3 03 Presentazione dell agenzia Panoramica Riot Design è un agenzia creativa fondata il 1 settembre 2011, da Marco Lari, Paolo Marchetti e Niccolò Fulignati. Gli standard qualitativi che l agenzia si pone sono basati su una vasta esperienza nel web, nella grafica pubblicitaria e nella fotografia per vari settori industriali, in Italia e nel Regno Unito. Prima di fondare Riot Design i componenti del team hanno realizzo lavori per altre agenzie per clienti come London Fashion Week, Tony Blair Faith Foundation, League Against Cruel Sports, Taste Festivals, Stefano Ricci, Lasa Idea, Zappalorto Cucine, Lilly Farmaceutica, Carlo Cambi Editore, Findomestic, Everlast, Police, Martinelli Luce e molti altri. Abbiamo un ampia base di competenze che ricoprono l intero ciclo di vita di un progetto; tra cui strategia, progettazione, sviluppo, hosting di siti web e supporto. Ci concentriamo su creatività, usabilità e accessibilità. I nostri design sono di facile e intuitivo utilizzo e consentono ai visitatori di raggiungere i loro obiettivi velocemente. Lavoriamo con i clienti a lungo termine fornendo supporto strategico, tecnico e creativo.

4 04 Presentazione dell agenzia Il nostro Team Network Paolo Marchetti MANAGING DIRECTOR Valentino Conte FILM MAKER Tiberio Alunni WEB DEVELOPER IOS APP DEVELOPER Alessio Prosperi WEB DEVELOPER IOS APP DEVELOPER Niccolò Fulignati ART DIRECTOR Marco Zanobini WEB DEVELOPER Leonardo Pinori WEB DEVELOPER Marco Lari ACCOUNT EXECUTIVE Napier SOCIAL MEDIA MARKETING

5 05 Presentazione dell agenzia Clienti

6 06 Presentazione dell agenzia Riconoscimenti SITE OF THE DAY DEVELOPER AWARD HONORABLE MENTION x 1 x 1 x 1 SITE OF THE DAY x 2 SITE OF THE DAY x 1 AGGIORNATO AL 20/11/2014

7 07 Presentazione dell agenzia Brand Communication Digital Innovation Realizziamo i nostri design con lo scopo di affermare l identità dei brand e di creare interesse e fiducia nei loro clienti. Naming / Logotipo Graphic Design Campagne pubblicitarie Fotografia / Video Visual Identity & Guidelines Product Design Packaging Design Gestione del processo di stampa Ideiamo esperienze digitali intuitive ed accessibili con l uso delle tecniche più innovative, per investimenti a lungo termine che non lasciano fuori nessun utente. Digital Strategy Responsive Website Design User Experience Design Campagne Social / Search Engine Marketing Design e gestione Newsletter ecommerce / Web Apps Supporto e Hosting Search Engine Optimization

8 08 Presentazione dell agenzia Responsive design La nostra filosofia I nostri design sono studiati per adattare il loro layout gradualmente su ogni schermo per ottimizzare l esperienza utente. Mobile First significa utilizzare come riferimento il minimo comune denominatore, nonchè il device a più alto tasso di crescita: lo Smartphone. Vantaggi Design focalizzati su ciò che è importante. Siti web più veloci e più funzionali su smartphone e tablet. Aggiornamenti più veloci rispetto a due siti web.

9 09 Presentazione dell agenzia SEO Search Engine Optimization I nostri accorgimenti Creazione automatica di search engine friendly URL, titoli e intestazioni. Meta tag appropriati per tutte le pagine generate. L uso di tag HTML semantici per diversi tipi di intestazioni e paragrafi, che permettono ai motori di ricerca di determinarne l importanza relativa. Pagine Indice e Landing Pages: tra cui una mappa del sito per aiutare i bot del motore. Il design responsive influisce attivamente a migliorare il ranking, fornendo ai device le immagini di proporzioni adeguate, e tagliando i tempi di caricamento.

10 10 Presentazione dell agenzia Web Marketing Marketing Gestione delle liste organizzabili in base a dati demografici. Composizione del testo del messaggio con opzioni di formattazione e interfaccia intuitiva. Controllo di compatibilità con i principali client . Certificazione Google Adwords Riot Design è certificata Google Adwords. Pianifichiamo per i nostri clienti campagne search e display con un rapporto costo per click sopra la media, ottimizzando annunci, parole chiave, e metodo di pubblicazione in base alla continua analisi dei dati ottenuti.

11 Alcuni progetti di cui siamo fieri Sembra lo siano anche i nostri clienti

12 12 Presentazione dell agenzia Archea Associati Lo studio Archea Associati ha scelto di affidare lo sviluppo del suo nuovo sito web a Riot Design. In collaborazione col Designer interno Tommaso Bovo, abbiamo realizzato un sito dalla grafica pulita e curata, con scelte di design profondamente improntate all usabilità, data la necessità di rendere il più facile possibile la consultazione della grande quantità di progetti d architettura presenti sul sito. Oltre al sito web abbiamo realizzato anche i template per la campagna newsletter di cui fortemente necessitava lo studio. MULTILINGUA (IT/EN/PO/CN) DESIGN E INTEGRAZIONE NEWSLETTER RESPONSIVE DESIGN

13 13 Presentazione dell agenzia Antico Setificio Fiorentino PHP/HTML5/CSS3/JQUERY SEARCH ENGINE OPTIMIZATION RESPONSIVE DESIGN VIDEO IN HOME PAGE DESIGN SOCIAL NETWORK

14 14 Presentazione dell agenzia Koch Media, Anime al cinema PHP/HTML5/CSS3/JQUERY SEARCH ENGINE OPTIMIZATION RESPONSIVE DESIGN EFFETTO PARALLASSE

15 15 Presentazione dell agenzia Koch Media. Le due vie del destino PHP/HTML5/CSS3/JQUERY SEARCH ENGINE OPTIMIZATION RESPONSIVE DESIGN

16 16 Presentazione dell agenzia Etrusca Bagno PHP/HTML5/CSS3/JQUERY SEARCH ENGINE OPTIMIZATION RESPONSIVE DESIGN

17 17 Presentazione dell agenzia Studio Segno Le principali caratteristiche del nuovo sito dell agenzia Segno Studio Creativo di Firenze sono il layout responsive, le immagini di sfondo a tutto schermo e l accattivante navigazione orizzontale e verticale. Anche per i social networks abbiamo realizzato una grafica personalizzata. Questo sito web ha vinto il CSS Design Award del 14 ottobre RESPONSIVE DESIGN SEARCH ENGINE OPTIMIZATION HTML5/CSS3/JQUERY/AJAX DESIGN SOCIAL NETWORKS

18 18 Presentazione dell agenzia Banca di Credito Cooperativo di Cambiano PHP/HTML5/CSS3/JQUERY SEARCH ENGINE OPTIMIZATION RESPONSIVE DESIGN MAPPA INTERATTIVA FILIALI E ATM FOTORITOCCO EFFETTO PARALLASSE

19 19 Presentazione dell agenzia Gossip Firenze Il brand di abbigliamento femminile di alta moda Gossip Firenze si è rivolto a Riot Design per il redesign del proprio sito web. Abbiamo sviluppato un interfaccia elegante e minimalista, che incornicia i bellissimi scatti delle collezioni, mostrati sempre a tutto schermo e che vengono aggiornati ad ogni uscita di una nuova collezione stagionale. SCHEMA CROMATICO DINAMICO SUPPORTO MULTILINGUA (IT/ENG) STORE LOCATOR SEZIONE COLLEZIONI GALLERIA VIDEO

20 20 Presentazione dell agenzia App Flee DESIGN INTERFACCIA APP SVILUPPO APP

21 21 Presentazione dell agenzia Estra Energia Un gioco memory per ipad (in collaborazione con Juice Eventi e Comunicazione) con il quale l utente può interagire e divertirsi scoprendo le offerte di Estra Energia. Abbiamo realizzato l interfaccia del gioco che è stato sviluppato con HTML5 ed è quindi compatibile non solo per ipad, ma anche per tutti gli altri dispositivi. DESIGN INTERFACCIA APP SVILUPPO APP

22 22 Presentazione dell agenzia Vodafone APP DESIGN DESIGN FEED TWITTER

23 23 Presentazione dell agenzia IL DIABETE TIPO 2: Prevenire è meglio che curare 3 IL DIABETE TIPO 2: SI PUÒ PREVENIRE? UNITà OPERATIVA di Medicina Generale Indirizzo Diabetologico ed Endocrino-Metabolico IL DIABETE È DAVVERO UN PROBLEMA? Il diabete mellito rappresenta un vero e proprio problema per la salute pubblica, sia perché interessa un numero sempre maggiore di persone, sia per la frequenza di malattie che ad esso si associano, quali quelle cardiovascolari, l ipertensione arteriosa, la dislipidemia e l obesità. Si stima che nel mondo vi siano attualmente 246 milioni di persone che soffrono di diabete; purtroppo questo numero è destinato a crescere rapidamente e l Organizzazione Mondiale della Sanità prevede che nel 2025 saranno già 380 milioni, con una crescita pari a 7 milioni di nuovi casi ogni anno. Solo in Lombardia le persone affette sono più di (pari a circa il 5% di tutti gli abitanti della regione). Che cos è il diabete? Il Diabete è una condizione caratterizzata da un aumento patologico della concentrazione di zucchero nel sangue (glucosio). Il glucosio nel sangue ha lo stesso ruolo della benzina nell auto. Senza la benzina l auto non parte, e così senza glucosio non è possibile formare energia nelle cellule del nostro organismo. Come per l auto occorre che la chiave sia inserita per partire, così per il nostro organismo occorre che ci sia una chiave chiamata insulina che permette al nostro organismo di utilizzare la sua benzina chiamata glucosio. Si può avere il serbatoio pieno di benzina ma manca la chiave di avviamento. Questo è il caso del Diabete mellito di tipo 1, in cui non vi è insulina in circolo e benché il glucosio sia presente nel sangue ad alti livelli, esso non può entrare nelle cellule. A questo numero già di per sé cosi elevato si aggiungono tutti quei soggetti con ridotta tolleranza al glucosio (o, secondo la dicitura inglese, impaired glucose tolerance, IGT), una condizione intermedia tra la normalità ed il diabete. I soggetti con IGT rappresentano circa l 8% della popolazione, facendo salire il numero complessivo di coloro che presentano alterazioni del metabolismo dei carboidrati a oltre L incidenza di diabete mellito e IGT cresce con il crescere dell età e nella fascia di età superiore a 65 anni si arriva a picchi del 35% della popolazione. Queste cifre sono davvero preoccupanti, se si pensa che questa condizione si associa ad un aumentato rischio cardiovascolare, che riduce in tal modo la qualità e l aspettativa di vita di chi ne soffre. DIABETE TIPO 2 Oppure la macchina può ingolfarsi perché si gira troppo la chiave. Nel nostro organismo le cellule possono essere ingolfate dall insulina, che non dà il giusto messaggio per fare entrare il glucosio nelle cellule. In questo caso c è fin troppa insulina in circolo ma inattiva. Questo è Diabete mellito di tipo 2. Si stima che circa un terzo dei pazienti con diabete non sia al corrente della propria malattia, spesso diagnosticata (specie per chi è affetto da diabete tipo 2) solo quando sono ormai comparse le complicanze specifiche della malattia a carico di altri organi, oppure in maniera del tutto occasionale nel corso di analisi del sangue eseguite di routine. Prevenire è meglio che curare Ospedale San Raffaele Milano t 15 Mensile Settimanale 50-55%) Quotidiano del 30%) 20%) 9 Valutazione del colesterolo Valutazione del Peso Il colesterolo è una sostanza simile ai grassi, vitale per il normale funzionamento del nostro organismo. Tuttavia se i livelli di colesterolo sono troppo elevati possono depositarsi sulle pareti delle arterie, dove può accumularsi sino a formare delle placche che possono ostruire i vasi sanguigni. Il corpo produce da solo la maggiore parte del colesterolo circolante, ma una parte è introdotta da noi con la dieta, ed è la parte sulla quale possiamo agire. Per valutare il livello di peso di un individuo si calcola l Indice di Massa Corporea (BMI), che si ottiene dividendo il peso in chilogrammi per il quadrato dell altezza espressa in metri (kg/m2). Il colesterolo, a seconda del tipo di attività nell organismo, viene comunemente suddiviso in colesterolo buono (HDL) e cattivo (LDL). Facciamo un esempio: Se una donna pesa 85 kg ed è alta 163 cm dovrà dividere il peso 85 per 1,63 al quadrato, cioè: 85/(1,63x1,63) = 85/2,6569 = 32 kg/m2 Si definisce una persona: SOTTOPESO HDL LDL Se ha un BMI inferiore a Normopeso Se troviamo valori di : equilibrata, bilanciata e varia. Bisoercentuali. Colesterolo totale maggiore di 200 mg/dl. a dagli alimenti come energia chimica, e lavoro meccanico. alorie che vengono fornite in maniera IL DIABETE TIPO 2: Prevenire è meglio che curare Colesterolo HDL inferiore a 40 mg/dl per gli uomini e 50 mg/dl per le donne. Il concetto fondamentale di una dieta sana è la varietà dell alimentazione nel rispetto dei consumi energetici. Classicamente ci rifacciamo ad una piramide alimentare per indicare in che proporzione consumare i diversi alimenti. Per una sana alimentazione si consiglia di consumare gli alimenti presenti alla base Colesterolo LDL maggiore di 160 mg/dl senza altri fattori di rischio o LDL maggiori di 100 mg/dl in caso di altri fattori di rischio associati. È necessario rivolgersi al medico per una rivalutazione più approfondita. Se ha un BMI superiore a 18.5 ma inferiore a 25. Fascia desiderata. Sovrappeso Se ha un BMI superiore a 25 e inferiore a 30. Attenzione: è necessario rivedere la propria dieta ed incrementare l attività fisica. Obeso Se ha un BMI superiore a 30. E utile rivolgersi ad un medico per affrontare insieme un programma terapeutico adatto a ristabilire il normale peso corporeo. DESIGN E REALIZZAZIONE BROCHURE REALIZZAZIONE ILLUSTRAZIONI

24 24 Presentazione dell agenzia L.P. Confezioni L.Pucci Confezioni ci ha richiesto un sito che fosse all altezza del proprio marchio che dal 1972 produce gonne e pantaloni con tessuti pregiati e impreziositi da strasse Swarowsky, che l hanno proiettata fino ad oggi nel mercato dell alta moda per donne. Ogni pagina presenta uno spezzone del video dell ultima collezione, che è comunque visualizzabile per intero dall home page. VIDEO DI SFONDO MAPPA INTERATTIVA RIVENTITORI

25 25 Presentazione dell agenzia Aria Advertising Aria Advertising, agenzia di comunicazione di Firenze, ci ha lasciato piena liberà nel design del proprio sito web. Le caratteristiche principali di questo progetto sono il layout responsive a pagina singola, il portfolio basato su AJAX, e la cura del dettaglio negli elementi decorativi, come l effetto parallasse delle nuvole di sfondo. SEZIONE PORTFOLIO IN AJAX EFFETTO PARALLASSE RESPONSIVE DESIGN

26 26 Presentazione dell agenzia L Accento Arredamenti L Accento Arredamenti ha chiesto a Riot Design un completo rinnovamento dell immagine aziendale sul web. Il sito web è stato realizzato con layout responsive ed è dunque visualizzabile perfettamente su ogni tipo di schermo. Particolare attenzione è stata impiegata nella realizzazione degli slideshow controllabili anche tramite tocco nei dispositivi touchscreen. Anche la presenza dell azienda sui social network è stata da noi curata con profili dalla grafica personalizzata. RESPONSIVE DESIGN EFFETTO PARALLASSE

27 27 Presentazione dell agenzia Via Masini 80 PHP/HTML5/CSS3/JQUERY SEARCH ENGINE OPTIMIZATION RESPONSIVE DESIGN DESIGN SOCIAL NETWORK COLLEZIONI SFOGLIABILI

28 28 Presentazione dell agenzia Eugenia Manetti Nuovo sito web per Eugenia Manetti 1935, azienda produttrice di arredamenti dal carattere eclettico. Nel sito è possibile visualizzare le tre linee principali: Metropolitan, Class e Sedute, oltre agli accessori come le maniglie con Swarowsky. SITO WEB FOTOGRAFIA FOTORITOCCO

29 29 Presentazione dell agenzia Goods Solutions Il nuovo logo è composto da una G realizzata con un origami, e dal testo Goods Solutions con font Ubuntu Condensed, al di sotto o alla destra di esso. I loghi dei software sono basati sull esagono che compone la G dell origami, dando ampio spazio a composizioni creative nei layout grafici e nelle animazioni. DESIGN LOGO E LOGHI SOFTWARE DESIGN IMMAGINE COORDINATA DESIGN SCHEDE TECNICHE SOFTWARE REALIZZAZIONE SITO NEWSLETTER

30 30 Presentazione dell agenzia L Albero della Cuccagna PHP/HTML5/CSS3/JQUERY SEARCH ENGINE OPTIMIZATION RESPONSIVE DESIGN PARTICOLARI DEL PRODOTTO

31 31 Presentazione dell agenzia Agriturismo Renai e Monte Parte fondamentale del restyling del brand dell Agriturismo Renai e Monte è il sito web che abbiamo realizzato. È un ottimo esempio di responsive design con lo scopo di regalare all utente un esperienza ottimale con qualsiasi strumento esso vi acceda. Il sito è ricco di elementi che rendono la navigazione interessante e divertente, come la palette cromatica, che, insieme alla foto dell agriturismo, cambia a seconda dell orario. SUPPORTO MULTILINGUA (IT/EN/DE) RESPONSIVE DESIGN SEZIONE EVENTI CON CALENDARIO GUESTBOOK E METEO FOTOGRAFIA E GRAPHIC DESIGN

32 32 Presentazione dell agenzia Classico Italia HTML5/CSS3/JQUERY SEARCH ENGINE OPTIMIZATION RESPONSIVE DESIGN

33 33 Presentazione dell agenzia Stefano Amerighi Per presentare i suoi due vini, frutto di un agricoltura biologica e biodinamica, Stefano Amerighi, vignaiolo in Cortona, aveva bisogno di un microsite che raccontasse il suo progetto e i suoi vini. HOLDING PAGE HTML5/CSS3/JQUERY SEARCH ENGINE OPTIMIZATION RESPONSIVE DESIGN

34 34 Presentazione dell agenzia Comune di Castelfiorentino Per informare i propri cittadini, il Comune di Castelfiortentino ci ha chiesto di realizzare un giornale periodico in cui il Sindaco e tutta la giunta comunale, potessero pubblicare tutte le novità che riguardano Castelfiorentino, così da raggiungere anche la fetta di cittadini che non utilizzano ancora computer, smartphone o tablet. DESIGN GIORNALE DESIGN LOGO

35 35 Presentazione dell agenzia Residence Ferrucci FOTOGRAFIA FOTORITOCCO

36 36 Presentazione dell agenzia Calvani Firenze, Ash Italia Riot Design ha realizzato moltissimi still life di scarpe e borse che andranno a completare lo shop online di Calvani Firenze, famoso negozio di calzature di alta moda in centro a Firenze che fa parte di Ash Italia, per la quale abbiamo realizzato anche alcuni scatti per la nuova collezione. Tra le prestigiose marche di alta moda fotografate ci sono: Ash Italia, Bikkembergs, Chie Mihara, Dioniso, Fiorentini+Baker, La Charentaise Tcha, Moon Boot, Paul Van Haagen, Reinhard Plank, Silvano Sassetti, L F Unisex, Nylo, EL Elisabetta Nero, Cinzia Araia, The Looser Project, Numero 10, Castamer, Ink, Trippen e molte altre. FOTOGRAFIA FOTORITOCCO

37 37 Presentazione dell agenzia Resort Castellare di Tonda FOTOGRAFIA FOTORITOCCO

38 Via Jacopo Carrucci, Empoli (FI) riotdesign.eu