Marco Dolera, UX /UI - Frontend - Training

Transcript

1 Marco Dolera, UX /UI - Frontend - Training

2 I graduated in industrial design at IED, MIlano. I ve started as a strategic and interaction designer at Design Innovaton. Now I m a consultant for Digital Forest and a trainer at Espero and Gimasi Academy. My last projects includes an event management tool for the IBM Client Center, a game App for the Art and Science Museum in Singapore, and tailored websites for big and small customers. I ve just started, with some really skilled people, a new project on proximity marketing, a new opportunities but also a big challenge that improve ux paradigms. I ve talked about digitalization at Design Library Milano - for the digitaldesignlibrary, a project in wich I'm involved too - and I ve also bring some cool contributors to join the "Giovedì del Design" format. I'm envolved in contemporary music and live performing events, with inlandempire project. At now, I'm totally fall in love with new curatorial practices about food...

3 web based project Frontend design Graphics UX & UI Design Html5, CSS3, JQuery Boostrap Framework Responsivness

4 Digital Forest Website Website per la software company Digital Forest. Il mobile è ottimizzato per fornire le informazioni essenziali. Task : frontend design con HTML5, CSS3, JQuery, icon-design, graphics Cliente: Digital Forest release date: on release

5 Principia SGR website Website per Principia SGR, società di gestione risparmio. Il sito è full-responsive, ottimizzato per mobile. Task : frontend design con HTML5, CSS3, JQuery, graphics. Cliente: Principia SGR Agenzia: Digital Forest release date: on release

6 QUIZ Quiz web based promosso da Wolterskluwer per promuovere i propri corsi online. Scopo del quiz rispondere alle domande e testare la propria conoscenza in ambito tributario, per poi accedere secondo il prorpio livello, ai corsi erogati dal cliente. Task : frontend design con HTML5, CSS3, JQuery. Cliente: WKI Agenzia: Hook & Digital Forest release date: 25/02/15

7 EXPO Contest Contest web based e mobile friendly indetto da CNH Industries per i propri dipendenti delle sedi di tutto il mondo. Scopo del contest rispondere a 6 domande sul mondo CNH, con la possibilità di skippare ed accedere in un secondo momento per proseguire, anche da mobile o tablet. Task : frontend design con HTML5, CSS3, JQuery, su frame boostrap. Cliente: CNH Industrial Agenzia: Hook & Digital Forest release date: 28/02/15 - expiring date: 15/05/15

8 Web platform Web site con integrazione di tumblog, newsletter design e ottimizzazione per mobile. Task : frontend design con HTML5, CSS3, JQuery, framework per ottimizzazione mobile. Cliente: Movie Magic International release date: 09/13

9 smartphone, tablet & phablet project Native and Hybrid App UX & UI Design Icons Design Interactive & shareable wireframes & mockups Human Interface Design

10 EVENT IN ACTION IBM - Events in Action IBM Events in action e un app nativa per ios e Android che permette di gestire gli eventi IBM all interno degli IBM Client Center. Permette di accedere agli eventi, consultare l agenda, scoprire gli speakers, interagire con loro attraverso Billboard e Pinboard. La sezione concierge permette inoltre all utente di visionare proposte di intrattenimento vicino ai diversi Client Center. Già sugli store ios e Google Play, è in sviluppo su IBM Mobile First, la potente piattaforma IBM che permette di convertire app ibride html5 in native Apps. Task: wireframe, mockup, UI design, HTML5, CSS3 e JQuery per la futura release su IBM Mobile First. Cliente: IBM Agenzia: Digital Forest release date: 01/15 Avaible for:

11 IBM - Events in Action IBM Events in Action ha inoltre un potente CMS che permette l upload dei contenuti e la gestione modulare dell applicazione, rendendo possibile l attivazione o la disattivazione di alcuni task - sezioni.

12 UNcoding Leonardo Game App sviluppata per l Art & Science Musuem of Singapore nel contesto della mostra sul Codice Atlantico di Leonardo Da Vinci in collaborazione con la Biblioteca Ambrosiana di Milano. Individuate le cinque aree tematiche Tecnologia, Matematica, Scienze Naturali, Architettura e Musica della mostra, sono stati studiati 10 piccoli games per un target 6+ che riproponessero i temi più cari a Leonardo. L App, disponibile ora solo Over The Air, uscira ufficialmente sul Apple Store ad inizio estate. Task: wireframe, mockup, UI design, Game Design, Coding. Cliente: Art & Science Museum only OTA Avaible for: From: 07/15

13 Matematica: ricostruire in solidi platonici di Leonardo Da Vinci partendo dal loro sviluppo entro 90. Mirror Writing: ispirato alla scrittura a specchio di Leonardo, l App permette di disegnare su metà schermo e veder l altra meta disegnarsi a specchio.

14 Architettura e fortificazioni: scegli la corretta fortificazione rispetto all arma entro 90. Architettura e fortificazioni: un memory sulla forza di contrapposizione degli archi, risolvilo entro 90.

15 Tecnologia: la vite di Archimede, travasa l acqua senza prendere i pesci rossi, hai 90. Tecnologia: completa lo schema inserendo gli ingranaggi e le pulegge nel posto giusto, hai 90

16 Scienze naturali: lo studio delle correnti d aria. quanto farai volare il seme in 90? Scienze naturali: ricostruisci l uomo Vitruviano e scopri il rapporto aureo nella figura umana.

17 Musica: ascolta e ricomponi le composizioni armoniche entro 90 Musica: uno strumento che Leonardo ha progettato, prova la sua versione digitale.

18 In Collaboration with: Biblioteca Ambrosiana, OLO Creative Farm, We Are Muesli, Ing. Conti

19 Dedryo Dedryo Social network incentrato sulla meccanica di invito ad eventi. L algoritmo che gestisce l invito inoltre permette all utente di tentare la fortuna e vincere invito, degustazioni a feste, eventi e altro. Task: UX e mockup interattivo su base HTML5. Cliente: Dedryo Agenzia: Digital Forest next release date: / Avaible for:

20 Focus Antibiotici App per personale medico che raccoglie informazioni e spunti su alcuni medicinali di uso comune. All interno dell App l utente può testare le proprie conoscenze attraverso un quiz tematico composto da 4 domande. Task: mockup, UI design, HTML5, CSS, jquery con wrapping java per Android Cliente: Glaxo Agenzia: Digital Forest next release date: 03/15 Avaible for:

21 digital Design Library Digital Design Library e una start up che attraverso un app nativa ios e Android permette all utente associato di visionare contenuti multimedia sul mondo del design e dell architettura presenti nell archivio storico di Design Library Milano Task: UX e UI design, Mockup interattivo e condivisibile via mail, HTML5, CSS, jquery su framework boostrap. Cliente: Design Library next release date: / Avaible for:

22 Digital Design Library web è una piattaforma con paypal integrato che presenta la startup e permette il crowd sourcing.

23 Friends Map App che geolocalizza i contatti della rubrica più vicini e permette di invitarli ad eventi, locali, musei nelle immediate vicinanze. Non richiede nessuna iscrizione e tutela totalmente la tua privacy. Gratis per gli utenti finali, prevede un piano di abbonamento per esercizi commerciali per geolocalizzarsi sulla mappa.

24 Release date: 06/15 Avaible for:

25

26 Fonzon Fred App Applicazione ios nativa per leggere, votare e condividere storie brevi. Release date: 09/13 Avaible for:

27 Grazie! Marco Dolera