videodigital

Vídeo Digital

Diego Fernández, professor de l’assignatura de Vídeo Digital, presenta als alumnes les tècniques i recursos de creació de vídeo i animació destinats a la xarxa. En aquesta assignatura es treballa l’aprenentatge de les característiques del vídeo digital, la seva edició, la interactivitat, introducció a l’animació 3D i introducció al tractament d’àudio.

Marc Juanola


Andrés Gutiérrez


Laia Faiges


Jose Navarro


Valeria Cerrada


Carlos Vidente

projectes_web

Projectes Web

L’assignatura de Projectes Web, impartida per la professora Anna Fuster, presenta el desenvolupament de la maquetació en HTML i CSS d’un projecte web. Al llarg del curs es treballa el plantejament i l’obtenció d’un prototip funcional, passant per una proposta gràfica, maquetació i la instal·lació a un servidor.

Els alumnes aprenen les especificitats del disseny per al mitjà digital. Com plantejar un briefing, el disseny d’interacció i arquitectura de la informació. En aquesta edició, els alumnes han implementat la web del prototip de l’assignatura d’Anàlisi i gestió de publicacions digitals, donant com a resultat un redisseny de les pàgines web de diversos museus escollits.

Andrés Gutiérrez


Valeria Cerrada


Carlos Vicente


Jose Navarro


Laia Faiges

programació portada

Introducció a la Programació

Els professors Jordi Collell i Oriol Collell s’han encarregat de dur a terme la docència de l’assignatura d’Introducció a la Programació. Aquesta assignatura té com a objectiu dotar els estudiants d’un coneixement base del llenguatge de programació. D’aquesta manera poden conèixer la complexitat dels projectes online, realitzar bons plantejaments, aconseguir una comunicació fluïda amb l’entorn professional i treure el màxim de profit a les possibilitats tècniques.

Els alumnes aprenen el funcionament del llenguatge Java Script, nocions de PHP i MySQL i el funcionament pràctic de les llibreries JQuery. Durant el curs es fan diferents pràctiques que van dotant l’alumnat de recursos útils per a possibles projectes. Una d’elles ha estat utilitzant la llibreria TweenMax de GreenSock.

Paola Belmonte

L’usuari clica les anelles del mandala i fa que aquestes s’aturin o es desplacin circularment.

2017_belmonte_progr


Laia Faiges

El planeta gira i és deté en prémer el botó d’encesa del centre.

2017_faiges_progr


Andrés Gutiérrez

Els botons de la màquina fan accionar tot tipus d’interaccions.

2017_gutierrez_progr


Marc Juanola

La màquina de rajos de la dreta pot accionar-se i apagar-se.

2017_juanola_progr


Sandra Rubio

La fàbrica de xocolata té un moviment continu de les seves premses i engranatges.

2017_rubio_progr

master Eina

Disseny Centrat en l’Usuari

El Disseny Centrat en l’Usuari (DCU) és un enfocament del disseny que té en compte el destinatari final del producte o servei, l’activitat que es desenvolupa, així com els contextos d’ús. Dins de l’assignatura d’Anàlisi i gestió de publicacions digitals, els alumnes del màster han treballat amb el professor Enric Mor els aspectes del DCU mitjançant dinàmiques, activitats i un projecte de redisseny web d’un museu.

Una de les primeres activitats a classe va ser el disseny d’un moneder o cartera. L’objectiu de l’activitat era confeccionar el producte pensant directament en un company de classe.

master Eina master Eina master Eina master Eina master Eina

Mitjançant un procés d’iteració, els alumnes preguntaven les necessitats i plantejaven problemàtiques amb possibles solucions. D’aquesta manera, el resultat final cada vegada s’ajustava més a l’èxit. Finalment l’activitat concloïa amb un debat sobre el millor producte: aquell que millor resolia la necessitat de l’usuari en qüestió.

Un procés important en el disseny de qualsevol plataforma en línia o d’una app és tenir en compte els Escenaris. En ells, el dissenyador reflexiona sobre possibles situacions versemblants en les que un usuari tipus podria trobar-se en utilitzar el producte. Aquest és un procés molt important en treballar amb l’Experiència d’Usuari (UX)

master Eina master Eina master Eina master Eina master Eina master Eina

Aquesta vegada l’activitat de classe va consistir en dissenyar de manera molt visual un escenari per a una app en concret. La funcionalitat de l’app consistia en un sistema elaborat per trobar, mitjançant la col·laboració de les persones, la teva mascota perduda.

El Disseny iteratiu és una metodologia de disseny basada en un procés cíclic de prototips, proves, anàlisis i perfeccionament d’un producte o procés. Basant-se en els resultats de les proves de la iteració més recent d’un disseny, es realitzen canvis i millores.

master Eina master Eina master Eina master Eina

Per practicar i entendre aquest funcionament, a classe es va efectuar el Marshmallow Challenge. Es tracta d’un desafiament de team-building que encoratja la mentalitat de disseny i es dóna suport en els principis bàsics d’enginyeria. Se’ls dóna a cada equip els subministraments per a treballar – espagueti, cinta i corda – i en 18 minuts han de construir la torre més alta possible que sostingui un “marshmallow”.

Finalment, el projecte final de l’assignatura consistia en el redisseny de la pàgina web d’un museu. Seguint els passos treballats a classe del DCU, els alumnes han realitzat un informe on detallaven el procés iteratiu dut a terme pas a pas. Entre ells, els escenaris, l’arquitectura de la informació, sketching, diagrama de flux i per últim un prototip funcional.

Valeria Cerradamaster Einamaster Einamaster Einavaleria4


Carlos Vicente

master Einamaster Einamaster Einamaster Eina


Jose Navarro

master Einamaster Einamaster Einamaster Eina


Andrés Gutiérrez

master Einamaster Einamaster Einamaster Eina


Laia Faiges

master Einamaster Einamaster Einamaster Eina

buy yourself

Buy Yourself

L’assignatura de Projectes Web, impartida per Anna Fuster, tracta el desenvolupament d’un projecte web des del plantejament fins a l’obtenció d’un prototip funcional, passant per les propostes gràfiques, maquetació i instal·lació en servidor. En el marc d’aquesta assignatura, els estudiants del master han rebut la visita de dos dels representants de Buy Yourself, una app innovadora que permet comprar sense fer cues. Els dos representants, dissenyador i programador d’aquesta start-up, ens han explicat el funcionament del seu projecte, el procés de desenvolupament que van dur a terme tant a nivell de disseny basat en l’usuari com d’organització i gestió del sistema de negoci.

Al llarg de la xerrada s’ha evidenciat la importància d’entendre el context de l’usuari i adequar el projecte a les seves necessitats basant-se en les tècniques i processos de UX/UI. En el seu cas, han buscat solucionar la problematica de les cues a l’hora de comprar en una botiga de roba i fer aquesta experiència més pràctica per a l’usuari . Fins al moment s’han enfocat a petites botigues de roba, ja que l’app està en una primera fase de llançament i la implementació en aquest tipus de comerç és més senzilla.

2017_buy_yourself
Captures de pantalla de l’APP Buy Yourself
  1. S’entra a la botiga, es trien els productes i s’escaneja amb l’APP seus codis de barres.
  2. Es pot descobrir automàticament les característiques del producte, com quan es compra en línia.
  3. Es realitza la compra sense fer cua per pagar. Simplement prement un botó de compra.

La xerrada ha constat de diversos moments on els integrants de l’equip de Buy Yourself aconsellaven als estudiants respecte la diferenciació de rols dins d’una empresa, el paper del diseñador, la seva interactuació i entesa amb la resta de profesionals i també models de finançament i promoció en el marc econòmic d’una start-up.

 

 

IMG_9020

Cafè amb Adrià Sánchez

El 8 de maig hem pres un Cafè amb Adrià Sánchez, Chief Design Officer de Wallapop. La conferència, titulada Wallapop: cròniques d’un dissenyador, ha tractat de la trajectòria de Wallapop. L’èxit de l’aplicació ha fet que de cop i volta s’hagi vist amb la situació de dissenyar pantalles que reben 20 millons de visites diàries.

L’Adrià és un barceloní amb una bar-tracció a les idees absurdes i que lidera el departament de disseny de Wallapop. Format a Elisava, prèviament va treballar en bars i estudis de disseny com Zulinema. Va passar una temporada treballant en agències, però bàsicament la seva tasca se centrava en freelances de disseny i projectes propis. Va ser llavors quan va començar a fer les seves pròpies apps com és el cas de “To Beer”, un projecte personal per trobar cervesa al teu voltant que va fracassar. Coses de la vida, el seu següent projecte va ser Wallapop.

IMG_9017

Aquesta ha estat l’última conferència de Cafè amb… un cicle de xerrades enmarcades al Màster de Disseny Gràfic d’EINA. Des de diferents mirades de professionals, s’han tractat temes relacionats amb l’àmbit del disseny gràfic. Es tracta d’unes trobades mensuals d’una hora de durada i obertes al públic.

2016_cafe_pau_masia_1

Cafè amb Pau Masià

El 3 d’abril hem pres un Cafè amb Pau Masiá, exestudiant d’EINA, mentre parlava de com li ha anat Dissenyant les experiències del futur, títol d’aquesta edició. El Pau ha parlat del paper que desenvolupa actualment a Telefónica I+D, en disseny d’experiència d’usuari, i ha fet un breu repàs dels projectes pels que ha passat (Firefox OS, Firefox Hello, Tuenti), explicant com canvia el rol del dissenyador en cada un d’ells i quines habilitats calen per a cada tipus de projecte. Podeu escoltar la conferència seguint aquest enllaç.

Pau Masiá va acabar els estudis de disseny gràfic a EINA l’any 2013. El gener de 2014 va entrar a treballar a Telefónica I+D al projecte de Firefox OS com a dissenyador visual. Des d’aleshores ha participat en projectes d’àmbit global, treballant amb professionals de tot el món. En 3 anys ha pogut col·laborar amb empreses com Mozilla, els creadors del navegador Firefox, i actualment treballa al departament de disseny de Tuenti, creant el nou projecte de Telefónica per acostar la gestió de les dades als usuaris.

Es tracta de la sisena edició de “Cafè amb…”, un cicle de xerrades dins el marc del Màster de Disseny Gràfic d’EINA on, des de diferents mirades de professionals, es tracten temes relacionats amb l’àmbit del disseny gràfic. “Cafè amb…” és una sèrie de trobades mensuals d’una hora de durada i obertes al públic.

2016_cafe_pau_masia_2

2017_infografia

Infografia

Dins del marc de l’assignatura d’Anàlisi i gestió de publicacions digitals, el professor Diego Fernandez ha presentat el contingut referent al SEO i SEM dels buscadors web. A més, com a projecte de l’assignatura, s’han treballat les infografies i el poder de comunicació que representen dins de la xarxa. L’objectiu era presentar una infografia basada en quelcom relacionat amb l’entorn virtual o d’internet. Partint d’aquesta premisa, es mostraven dades rellevants sobre el tema escollit de manera gràfica, sintetitzada i amb perspectiva de context.


Yolanda López

¡CUIDADO CON LOS SELFIES!


Sandra Rubio

DEEP WEB


Júlia Valldolitx

VIOLENCIA DE GENERO 2.0


Carlos Vicente

NETFLIX VS HBO

2016_cafe_rosa_medina

Cafè amb Rosa Medina

El dia 6 de març s’ha dut a terme la conferència de “Cafè amb Rosa Medina” titulada UX i vida vikinga. La Rosa va acabar els seus estudis de disseny gràfic a EINA, l’any 2010. Va seguir formant-se als postgraus de Disseny Web d’EINA i Web 2.0 a la UPF, compaginant estudis i feina com a freelance en UX/UI i front-end development en diversos projectes. L’any 2013, després de participar en el curs d’estiu de CIID (Copenhagen Institut of Interaction Design), va decidir anar-se’n a viure a Dinamarca i estudiar un màster de Disseny de Serveis, a la AAU. Des de 2015 ha treballat per diverses empreses daneses amb els rols d’usability tester i UX designer. Actualment treballa com a UX designer per Momondo. Podeu escoltar la conferència accedint a aquest enllaç.

“Cafè amb…” és un cicle de xerrades pertanyents al Màster de Disseny Gràfic d’EINA on, des de diferents mirades de professionals, es tracten temes relacionats amb l’àmbit del disseny gràfic. Es tracta d’una sèrie de trobades mensuals d’una hora de durada i obertes al públic.

portada_identitat

Projectes d’Identitat Gràfica

L’assignatura impartida per Xavier Alamany planteja la concepció de projectes d’identitat corporativa com a fenomen de comunicació, que afecta tots els formats de missatge que emet una empresa o institució. En aquesta edició la demanda ha estat el desenvolupament d’un projecte que generés la identitat local del barri de Montbau a Barcelona, utilitzant les eines de disseny gràfic d’una forma social i no comercial.

Irati Antia

irati1

Tenint en compte l’aspecte modular del barri i la importància arquitectònica d’aquesta, Irati crea un joc de peces de construcció per fer una replica en miniatura dels edificis de Montbau. Es tracta d’un joc col·laboratiu entre diferents generacions en el qual poden conèixer el barri amb una altra mirada.

irati2

 

A cada caixa del joc faltarà una peça que un jugador ha amagat en algun lloc del barri singular per a aquesta. Per poder finalitzar el joc els jugadors han de trobar la peça que falta.

irati3

El disseny del joc es centra en el valor de l’absència, aquest serà el fil conductor del joc. L’important no és muntar el barri, sinó descobrir on ha amagat l’altre jugador la peça que falta, perquè aquest serà un lloc important per a la persona.

irati4

En totes els elements de disseny es vol ensenyar que falta alguna cosa. Per a això s’utilitza el recurs del mirall.

irati5


Jose Navarro
jose2

A causa de l’arquitectura de naturalesa constructivista del barri que té els seus orígens en l’avantguardisme rus, Jose proposa una Biennal d’art experimental a Montbau, vinculant aquella avantguarda històrica amb les actuals.

jose3

jose1

Observant el caràcter buit, lliure de contingut de l’arquitectura racionalista apareix un patró modular d’organització, simplificat en una malla de quadres.

jose6

Al barri s’exposen volums en forma de L, imitant la forma dels edificis de Montbau. Aquí hi ha informació sobre la utilització del barri per a la biennal esdevenidora, els temps, les galeries, els locals i els espais oberts que es disposin per a l’exposició de les obres d’art.

jose4

jose5

jose7


Mengdi Li

mengdi1

Mengdi utilitza els elements gràfics d’aquest logotip per crear un sistema gràfic i així mantenir el mateix estil en futurs dissenys.

Captura de pantalla 2017-05-09 a las 15.04.22

La proposta és aprofitar tantes zones verdes i espais públics del barri Montbau com sigui possible, i així fomentar als residents de Montbau a canviar la gespa per jardins o petits horts.

Captura de pantalla 2017-05-09 a las 15.07.49

S’utilitza el concepte original de construcció del barri com una comunitat, basat en la igualtat per a tots els habitants on cadascú rebria una secció igualitària de “terra cultivable” i l’assessorament de professionals del cultiu. D’aquesta manera els habitants del barri poden plantar les seves pròpies fruites o verdures de manera mes natural i aprofitar al màxim les àrees verdes.

Captura de pantalla 2017-05-09 a las 15.05.45

Captura de pantalla 2017-05-09 a las 15.06.16

Captura de pantalla 2017-05-09 a las 15.06.45

Captura de pantalla 2017-05-09 a las 15.06.30

L’objectiu és que la gent torni a establir contacte amb la terra com a suport a un nou model social i micro-econòmic del cultiu i enfortir la convivència dels habitants del barri.


Monika Proniewska

monika4

Monika fa servir el format de postal per crear les proporcions del logotip. Aquest format clàssic de 10×15 ens dóna la proporció 3×2. Li afegeix les formes geomètriques pròpies de l’arquitectura racionalista de Montbau i que a més simbolitzen la natura que envolta el barri. La tipografia Helvètica és simple i amigable, que transmet la idea de modernitat.

monika2

El mòdul va servir per construir l’arquitectura de Montbau. Les formes geomètriques simples s’inspiren en idees de funcionalisme i dibuixos arquitectònics.

monika1

Una part molt important de Montbau és la seva verdor. Les àrees verdes creen el seu esperit i identitat. També és part de la idea dels arquitecte.

monika3