Presentazione dell’agenzia 30 Giugno 2014
Presentazione dell’agenzia
Panoramica Riot Design è un’agenzia creativa nata il 1 settembre 2011, formata da partite IVA singole intestate a Marco Lari, Paolo Marchetti e Niccolò Fulignati. Gli standard dell’agenzia 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 membri del team hanno realizzato per conto di altre agenzie progetti per clienti di alta rilevanza internazionale: British Fashion Council / 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, Martinelli Luce e molti altri. Riot Design ha realizzato progetti di vario genere per clienti come: Stefano Ricci, Antico Setificio Fiorentino, Archea Associati, Gossip Firenze, Banca di Cambiano, Castellare di Tonda, Ipercoop di Montecatini Terme, L.P. Confezioni, Ospedale Pediatrico Anna Meyer, Stefano Amerighi, L’Accento Arredamenti, Antonelli Firenze, Etrusca Bagno, Goods Solutions, Classico Italia, Comune di Castelfiorentino, L’Avvenire 1921, Calvani Firenze, Ash Italia. 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. Una selezione dei nostri progetti é consultabile sul nostro sito: http://www.riotdesign.eu/portfolio/
Riconoscimenti Website of the Day, Developer Award, Honorable Mention - 23 Apr 2014 Awwwards http://www.awwwards.com/web-design-awards/antico-setificio-fiorentino Winner of the Day - 24 September 2013 CSS Winner http://www.csswinner.com/details/riot-design/5748/ Site of the Day - 23 Sep 2013 CSS Design Awards http://www.cssdesignawards.com/css-web-design-award-winner.php?id=22895 Site of the Day - 14 Oct 2012 CSS Design Awards http://www.segno.net
02
Presentazione dell’agenzia
Servizi Brand e Graphic Design Il nostro processo di progettazione grafica si basa su frequenti confronti con il cliente. Prepariamo design di esempio che mostreranno possibili approcci, che vengono poi rielaborati in linea con i commenti del cliente, fino a quando il design preferito raggiunge l’approvazione. Prima della definitiva messa in stampa verrà effettuata una prova (cianografica) che verrà consegnata al cliente in modo da poter ricontrollare tutto l’insieme del lavoro, evitando così possibili errori sia nel testo, che nella disposizione delle immagini. La cianografica dovrà essere restituita al team e firmata con timbro dal cliente in modo da approvare la messa in stampa non appena effettuate le eventuali correzioni.
Web Design Abbiamo una vasta esperienza di lavoro con la maggior parte dei principali Content Management Systems Open Source, ed utilizziamo principalmente WordPress. Siamo in grado di realizzare ogni sorta di funzione dinamica personalizzata, ed i siti stessi sono completamente su misura, in quanto non utilizziamo temi precostruiti. Riferiamo regolarmente al cliente i progressi raggiunti, e ci occupiamo dello sviluppo del progetto per intero. Tutti i membri del team esecutivo sono responsabili della qualità iniziale del lavoro, che viene riesaminata regolarmente in riunioni di gruppo. Ricerca Prima di iniziare a pensare al design effettuiamo una ricerca di mercato, anche basandoci sui consigli del cliente. La ricerca che conduciamo ci aiuta a comprendere la natura delle aziende, i loro clienti, il loro marchio, il settore in cui operano e il panorama competitivo. Guardiamo nel dettaglio gli obiettivi di business che guideranno il progetto. Identifichiamo indicatori di successo che permetteranno di visualizzare un risultato positivo dopo il lancio, in seguito presentiamo le idee iniziali in sessioni di ‘brainstorming’ con il cliente, che continueranno fino a quando noi e il cliente stesso conveniamo sulla giusta strada da seguire. Il risultato finale è un documento di specifiche di progetto. Le specifiche uniscono la conoscenza del settore del cliente con la nostra conoscenza del canale Web. Design La fase successiva è lo sviluppo di layout in Photoshop per tutte le pagine chiave del sito web. Come per i progetti di graphic design, i risultati saranno poi mostrati al cliente e riadattati in base ai suoi commenti, fino a raggiungere l’approvazione. I Design ottenuti saranno in sintonia con le linee guida del marchio, adeguati al target di riferimento e facili da usare.
03
Presentazione dell’agenzia
Sviluppo I siti e le applicazioni web che progettiamo funzionano senza problemi su tutte le piattaforme principali (Internet Explorer, Mozilla Firefox, Safari, Opera e Google Chrome), e sono realizzati secondo lo standard WCAG 2.0 A che ne garantisce l’usabilità anche per utenti con varie disabilità. All’avvicinarsi del completamento dello sviluppo, tutte le componenti, codice e database vengono inviati ad un server di sviluppo sulla nostra piattaforma di hosting. Un sito di prova viene reso disponibile sul Web tramite un sottodominio e il sito viene messo a punto con test di usabilità in condizioni reali. Il feedback dai membri del team e del cliente che effettueranno il test è rivisto con il cliente stesso e preso in considerazione a seconda dei casi. I test continuano a prendere atto fino a quando il cliente è soddisfatto del raggiungimento delle specifiche. Quando la fase di test è completa il dominio precedentemente acquistato viene puntato verso il sito, che diviene a tutti gli effetti attivo. Prima dell’attivazione del sito sarà fornita la documentazione per la formazione dell’utente. Acquisizione dei dati Facciamo in modo che ogni sito web abbia una gamma appropriata di funzionalità per acquisizione dati, tra cui un sistema di registrazione che permetta ai visitatori di registrarsi per appartenenza al sito, di ricevere newsletter via email o di richiedere informazioni. Per i siti con molte opzioni di comunicazione interattive, la registrazione sarà necessaria solo per le caratteristiche chiave. E-marketing Progettiamo e realizziamo email HTML che verranno poi inviate ad una lista di contatti, fornita dal cliente e/o ottenuta attraverso sottoscrizione degli utenti al sito. Una delle caratteristiche chiave per il successo di una campagna di E-Marketing è un sistema per l’invio di email con un design personalizzato ed in brand, mirato per le liste di clienti. Gestiamo le campagne con lo strumento leader del settore E-Marketing: MailChimp, illustrando allo staff dei clienti come utilizzarlo, dopo che avremo progettato il design delle email, e creato ed impostato un account. Abbiamo esperienza estensiva nel fornire supporto a clienti d’alto profilo per tutti gli aspetti delle campagne E-Marketing. Alcune delle caratteristiche che offre il sistema E-Marketing da noi utilizzato: • • • • • •
Gestione della campagna: per l’esecuzione di campagne e-mail multiple per diversi temi / filone pubblico. Gestione delle liste: per la costruzione di liste mirate e per importare elenchi già esistenti. Composizione del testo del messaggio con editor WYSIWYG in stile Microsoft Word. Moderazione dei messaggi / controllo prima della trasmissione. Statistiche dettagliate su messaggi aperti, click effettuati e invii non riusciti. Pieno rispetto delle leggi sulla protezione dei dati.
04
Presentazione dell’agenzia
Blog e news Un blog integrato in grado di fornire una voce editoriale per un sito, un luogo per le notizie del settore e gli sviluppi con la possibilità per i visitatori di commentare e condividere sui social networks. Generalmente un blog o un sistema di news è ciò che rende vivo un sito web, creando una comunità di utenti interessati che aumenterà le visite e renderà il sito più rilevante sui motori di ricerca e attraverso i social networks. È anche possibile consentire ai clienti di creare account per molteplici utenti che avranno accesso al sistema di blog o news.
Social Media Marketing Se un cliente non lo fa già, gli diamo consigli su come creare interesse nella comunità web usando Facebook, Twitter, Google+, You Tube, Vimeo, Tumblr, Linkedin, Instagram, Flickr e blog come parte del loro marketing mix. Abbiamo molta esperienza nella consulenza su una strategia Web 2.0 che lavori a fianco del sito, integrando i widget dei principali social network. Per alcuni clienti questa è semplicemente una questione di collegamenti automatici tra i vari social network. Per altri possiamo creare account e/o progettare temi e sfondi per il loro brand. Utilizziamo anche pulsanti posizionati strategicamente nel sito, che consentono agli utenti di condividere una pagina web attraverso tutti i maggiori social network e via e-mail. In altre situazioni, a seconda delle esigenze e dei servizi che offre l’azienda del cliente, possiamo creare profili di contatto con grafica personalizzata, e fornire consulenza per l’utilizzo di canali multimediali come Facebook, Twitter, Google+, YouTube, Vimeo, Tumblr, Linkedin, Instagram, Flickr, blog e Skype. Forniamo consulenza e supporto per l’implementazione dei sistemi online di gestione aziendale interna dei progetti e dei clienti, o sull’integrazione di applicazioni di gestione e condivisione di posta, calendari e note (Google Apps), all’interno del vostro flusso di lavoro.
SEO (Search Engine Optimization) I CMS da noi utilizzato (Wordpress) offre una vasta gamma di funzionalità per migliorare le prestazioni SEO e un ottimo livello di visibilità “organica” può essere ottenuta con operazioni di manutenzione basilari. Caratteristiche che aiutano ad ottimizzare la visualizzazione sui motori di ricerca sono: • 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 determinare l’importanza relativa di tutti gli elementi del sito. • Pagine Indice e Landing Pages: tra cui una mappa del sito per aiutare i bot del motore di ricerca nella scansione e indicizzazione dei contenuti del sito.
05
Presentazione dell’agenzia
Possiamo anche lavorare con i clienti per sviluppare e implementare un piano di SEO per ottenere il massimo dal sito, analizzando attentamente i dati delle visite correnti ottenuti tramite Google Analytics, e individuando le parole chiave su cui è necessario fare più pressione all’interno del contenuto del sito per ottenere una maggiore visibilità.
SEM (Search Engine Marketing) Il SEM comprende tutte le attività atte a generare traffico qualificato verso un determinato sito web. Lo scopo è portare al sito, tramite annunci mirati sui motori di ricerca, il maggior numero di visitatori realmente interessati ai suoi contenuti. Le finalità delle attività di Search Engine Marketing sfruttano la possibilità di rivolgersi ad un target che esplicita direttamente i propri bisogni attraverso un’interrogazione diretta al motore di ricerca. Le attività del SEM vengono pianificate a seconda della necessità e degli obiettivi definiti dal cliente e dalla capacità di individuare ed implementare azioni adeguate sul canale motori.
Applicazioni iOS e Android Il team di Riot Design, specializzato in UI e Web Design, è in grado di progettare strutturalmente e graficamente ogni progetto richiesto dal cliente in termini di applicazioni mobile. Sviluppiamo App per iOS (iPhone e iPad) e Android, ogni progetto viene analizzato in base alle richieste del cliente e alle necessità del progetto stesso, budget e tipo di distribuzione. Ci avvaliamo della collaborazione di programmatori XCode per la piattaforma iOS, e sviluppiamo internamente App intercompatibili basate su Phonegap e Jquerymobile, scritte in linguaggio HTML5 e CSS3, che vengono integrate con XCode o con Eclipse SDK. Sviluppiamo anche App per riviste e cataloghi digitali per iPad e Android utilizzando la Digital Publishing Suite di Adobe, che garantisce i migliori risultati utilizzando documenti nativi di InDesign come punto di partenza.
Prestampa, gestione del progetto di stampa e del colore A Riot Design seguiamo il lavoro dalla prestampa alla stampa qualsiasi sia il suo supporto (digitale, offset o cartellonistica). Lavoriamo secondo le vigenti normative europee, garantendo al cliente la certezza dell’ottima qualità del lavoro.
Fotografia e video Siamo in grado di effettuare photo shooting per esterni e still life adatti al vostro brand. Possiamo realizzare una grafica che tiene perfettamente conto del tipo di immagini con cui verrà abbinata, già dal momento in cui la ideiamo. Data la fornita attrezzatura per la fotografia da noi posseduta, possiamo garantire un ottimo risultato anche per foto emozionali con tecnica HDR.
06
Presentazione dell’agenzia
Informazioni su WordPress Introduzione a WordPress Citando la pagina originale about di wordpress.org: “WordPress è nato dal desiderio di un sistema di pubblicazione personale, elegante e ben strutturato, costruito attorno a PHP e MySQL e licenziato sotto licenza GPL. È il successore ufficiale di b2/cafelog. WordPress è un software nuovo ma le cui radici ed il cui sviluppo risalgono al 2001. Si tratta di un prodotto stabile e maturo. Speriamo, focalizzandoci sui web standard e sull’interfaccia utente, di poter creare uno strumento differente da qualsiasi altro esistente.” WordPress è un software di publishing focalizzato sulla semplicità d’utilizzo, sulla velocità e su una ottima interfaccia utente. WordPress gode anche di una ampia e attiva comunità, che è il cuore di qualsiasi software open source. WordPress è una potente piattaforma di personal publishing ed è fornito di un ampio insieme di funzionalità che rendono la vostra esperienza di editore su internet semplice, piacevole e appagante. È una piattaforma distribuita gratuitamente, aderente agli standard, veloce e leggera, con una notevole serie di impostazioni e funzionalità ed un cuore estremamente personalizzabile. fonte: http://www.wordpress-it.it/wiki/Main/WordPress Distribuzione CMS su 1 milione di siti Web
07
Presentazione dell’agenzia
Fonte: http://trends.builtwith.com/cms interfaccia back-end di WordPress - Gestione articoli
interfaccia back-end di WordPress - Creazione articolo
08
Presentazione dell’agenzia
Altre Informazioni Piattaforma tecnologica Installiamo i CMS su server di hosting dedicato Netsons. I linguaggi di programmazione utilizzati includono HTML5, CSS3, Javascript, XML, PHP e MySQL. Tutto il codice è conforme con gli standard web. Gli sviluppatori sono tenuti al rispetto di procedure interne che necessitano di codice che rispetti le convenzioni di denominazione, formattazione e annotazione per la massima facilità di manutenzione.
Hosting Ospitiamo i nostri siti web su server condivisi o dedicati. La piattaforma usata è principalmente Linux. Offriamo due livelli di servizio di hosting: Server Condiviso: Il cliente condivide un server con i siti di altri clienti di Riot Design; limitata larghezza di banda, backup e spazio. Server Dedicato: Il cliente ha l’uso dedicato di un server per l’hosting del sito.
Sistemi esterni Abbiamo una vasta esperienza di integrazione con sistemi di terze parti come sistemi di prenotazione, emailers e servizi web esterni.
Manutenzione, Consulenza e Supporto Ogni sito che sviluppiamo comprende un anno di garanzia per manutenzione di errori nel codice. Eventuali errori di sistema verranno risolti senza costi aggiuntivi. Forniamo supporto telefonico oppure tramite E-mail, Skype e Basecamp (http://www.basecamphq.com). Problemi critici che influenzano in modo significativo le prestazioni del sito vengono risolti con la maggiore priorità. Problemi minori saranno risolti entro 3/5 giorni lavorativi a seconda del livello di urgenza. Forniamo la possibilità di contratti di manutenzione per supporto e aggiornamenti minori. 1 ora di manutenzione ha il costo di 40,00 €. Per la maggior parte dei progetti un contratto di una o due ore di supporto mensili è sufficiente. Il cliente può scegliere se avere una manutenzione mensile, semestrale o annuale.
Formazione Non sono necessarie specifiche competenze tecniche per utilizzare i nostri siti, ma è necessaria esperienza nell’uso generico del computer. La formazione viene organizzata per tutti i clienti, in sessioni individuali o di gruppo. Inoltre forniamo, su richiesta, un manuale o un video tutorial per le operazioni comuni di aggiornamento.
09
Presentazione dell’agenzia
Il Team di Riot Design Il nostro team L’agenzia è composta da soggetti specializzati nel web design, grafica pubblicitaria e fotografia. Si tratta di un team di giovani esperti con un forte mix di competenze manageriali, tecniche e creative. Questi sono i ruoli dell’esecutivo: Marco Lari Responsabile dell’aspetto commerciale, dei contatti con i clienti e i contratti stipulati con essi.
Paolo Marchetti È il responsabile della pianificazione, realizzazione e controllo qualità dei progetti. Niccolò Fulignati È il responsabile della direzione creativo/artistica dell’agenzia. Per fornire un servizio completo, all’occorrenza l’agenzia si avvale di una solida rete di fornitori, tra cui film maker, sviluppatori web e di applicazioni mobile, esperti di marketing.
Informazioni e Contatti Riot Design Via Jacopo Carrucci, 152 - Piano terzo - 50053 Empoli (Fi) Italia www.riotdesign.eu
[email protected]
Telefono +39 0571 711155 Cellulare dall’Italia +39 328 0570789
Fax +39 0571 77286 Cellulare dall’estero +39 320 7429149
Skype Facebook Twitter Instagram Flickr Linkedin Google +
riot_design facebook.com/riotdesign.eu twitter.com/#!/riot_design_eu ink361.com/#/users/10479359 flickr.com/groups/1705479@N23 linkedin.com/company/2225884 plus.google.com/+RiotdesignEu
10