portfolio-gaizka

Disseny per a gestors de continguts CMS

Al llarg de l’assignatura de Disseny per a gestors de continguts CMS amb el Daniel Julià hem après sobre maquetació web mitjançant HTML i CSS a més a més de PHP per treballar amb WordPress. Finalment, hem posat en pràctica tals coneixements dissenyant i programant els nostres propis portfolis.

A continuació, un recull:

 

Gemma Fontanals

Daniel Iglesias

 

Emily Eldridge

Gaizka Pagonabarraga

Andrea Rueda

Laura Magallón

Carolina Orozco

Sketching

Disseny Centrat en l’Usuari

Al llarg de l’assignatura d’Anàlisi i Gestió de Publicacions Digitals amb Enric Mor, vam descobrir el DCU (Disseny Centrat en l’Usuari) i les etapes tècniques que configuren el seu procés iteratiu. És important saber aplicar-lo en qualsevol producte interactiu ja que enriqueix la usabilitat i l’accessibilitat de l’experiència d’usuari.

Vam aprendre sobre UX/UI redissenyant la pàgina web d’un client real. Per realitzar-lo, vam completar totes les fases del projecte començant per la seva definició de la mà de la investigació, seguint amb el plantejament de l’arquitectura de la informació i sketching, el disseny de wireframes junt amb el prototip i l’avaluació. També, vam combinar el contingut teòric donat amb activitats dinàmiques elaborades a classe.

The Wallet Project

La primera activitat va ser una introducció al Design Thinking amb el desenvolupament per parelles d’un briefing a mida. En una hora, vam comprendre el valor imprescindible d’aproximar-se a la persona destinatària del producte o servei, en aquest cas un moneder, per tal de conèixer les seves necessitats. Per aconseguir-ho, havíem d’entrevistar-nos mútuament, deixant de banda les nostres preferències com a dissenyadors/es i proposant solucions reals que poguessin satisfer cada cas.

User Journey

El disseny de tota plataforma online o aplicació ha de contemplar els escenaris o user journeys dels usuaris analitzant prèviament el tipus d’activitat, els seus contextos d’ús i les emocions experimentades per detectar les mancances que entenem com oportunitats de millora. En aquesta ocasió, vam definir perfils i recorreguts de persones que utilitzarien una app per escoltar música.

MDG EINA CDU 2018

Pet Lost & Found

En aquesta activitat vam utilitzar els diagrames de flux per dissenyar la navegació d’una app que oferia un sistema de recerca i retrobament de mascotes perdudes.

Spaghetti Marshmallow Challange

Cap al final de l’assignatura, vam realitzar aquesta activitat que consistia en, per grups de 3-4 persones i en 18 minuts, construir una estructura que es sostingués per si sola amb els següents elements:

  • 20 espaguetis crus
  • 1 metre de celo
  • 1 metre de cordill
  • 1 núvol dolç
  • 1 tisores

I una cosa més, a la punta més alta havia de situar-se el núvol rosa. La iniciativa ve plantejada des de Harvard per Tom Wujec, qui ens va conduir a la reflexió final sobre l’èxit o el fracàs de treballar en equip, especialment entre estudiants de disseny.

Des del principi parlem de disseny iteratiu, una metodologia cíclica de canvis i millores en base a proves d’iteració realitzades més recentment. Es fan prototips, tests i anàlisis d’un producte o servei de forma continuada per aconseguir cada vegada una versió més perfeccionada.

Títols de crèdit que posen punt final a Vídeo i Animació

Els alumnes de l’assignatura de Vídeo Digital i Animació del Postgrau en Disseny Web posen punt final a les classes amb la presentació d’uns títols de crèdit.

La majoria dels alumnes partien de zero sobre coneixements d’animació amb After Effects. Així, amb menys d’un mes, es reptaven a realitzar uns crèdits de la pel·lícula que escollís cadascú i amb la tècnica i concepte que creguessin més convenient.

A continuació us presentem una mostra ben variada dels diferents treballs que van presentar-se la darrera sessió a l’assignatura impartida pel professor i realitzador Jordi Capdevila.

Redissenyant webs de museus

De l’assignatura de Projectes Web impartida per Anna Fuster han sorgit alguns dels projectes que podeu veure a continuació. L’acció, emmarcada en el postgrau de Disseny Web que ofereix el màster de Disseny Gràfic a Eina, pretenia reformar o definir de zero la pàgina web del museu que escollís cada alumne. El procés passava per una fase d’anàlisi i documentació a partir de referents però també de la pròpia maqueta que començaria per un plantejament fins a l’obtenció d’un prototip funcional, passant també per una proposta gràfica, maquetació i instal·lació al servidor. Prèviament amb el professor Enric Mor cadascuna de les propostes passaria per un procés d’adaptació i anàlisi des del punt de vista de l’usuari (UX/UI). En cada cas, són diferents els itineraris de navegació que cada alumne ha treballat i maquetat, doneu-los-hi un cop d’ull!

Ana Pérez Mato – Museo de Arte Contemporáneo de Vigo (MARCO)

Isabel Gatuslao – Fundació Antoni Tàpies

Santiago Sánchez de Castro – Conjunto Arqueológico de Baelo Claudia

Ariadna Rodríguez Masià – Museu de la Mar de l’Ebre

Olga Pedreira- Museu del Disseny de Barcelona

Marina Guadix – DOMUS Hogar de las artes

Projectes audiovisuals

Els alumnes de l’assignatura de Vídeo Digital i Animació del Postgrau en Disseny Web han presentat els seus projectes audiovisuals de temàtica lliure on posaven a prova les seves habilitats en les fases de preproducció, rodatge i postproducció d’un producte audiovisual. A continuació, us presentem una selecció dels diferents treballs que van presentar-se durant l’assignatura impartida pel professor i realitzador Jordi Capdevila.

Ana: A ‘Paper Dream’ un tros de paper cobra vida per a experimentar aventures, sobreviure i descobrir-se a ell mateix. Des del moment en què salta a l’aigua com un peix, apareixen sorpreses i situacions perilloses de les que ha de fugir transformant-se en nous animals. El major repte a l’hora de recrear aquesta animació va ser el de muntar la il·luminació i els suports que permetien realitzar els moviments de les figures en un espai reduït.

Santi: ‘Instantes’, poema atribuït a Borges, tot i que l’autor real és Donald Herold, parla sobre el pas del temps i el gaudi de la vida. Al vídeo s’utilitzen plans curts i detall que ajuden a donar èmfasi i ritme. Per la seva banda, el moviment del focus de llum realça les expressions, recalcant aquesta idea del pas del temps sobre els personatges.

Olga: ‘Primavera Vall Llach’ està pensat com el primer d’un total de 4 vídeos, tants com estaciones té l’any. La idea era mostrar l’entorn i el que passa al voltant del celler. El poble de Porrera, les vinyes, els animals, el sol, la gent i tot allò que fa que el vi produït sigui tan especial.

Antonio: ‘Fuck It’ és un espot comercial que tracta d’invertir la narrativa habitual d’aquest tipus de vídeos. Si les marques sempre relacionen l’esport amb sensacions d’hiperactivitat, histrionisme i passió exacerbada, aquí es mostra la cara B: l’esport no sempre és bo i també té inconvenients. Els referents principals són els anuncis de la pròpia marca, que han inspirat el resultat estètic de ‘Fuck It’.

Ariadna: ‘Terra Sorda’ és el retrat documental del Boixar, una població situada prop de l’encreuament entre Catalunya, Aragó i el País Valencià. Menys de sis són els habitants que hi viuen durant l’any. La protagonista de la història pretén ser un reflex de la situació per la que han hagut de passar molts dels que ja han marxat. ‘Terra Sorda’ s’endinsa en la penombra dels seus carrers per conèixer més de prop la realitat que es viu allí.

Isabel: Me n’he adonat que els museus s’han convertit en una mena de parc temàtic per a adults. La gent va per diferents raons: la majoria són realment curiosos, uns altres s’avorreixen, alguns van només per dir que han estat allà, uns pocs no tenen molt clar per què hi són.

Andrea: La meva intenció amb aquest vídeo, més que practicar amb el muntatge era practicar amb la direcció d’art. Vaig decidir que el meu treball consistiria en crear un tutorial de galetes molt fàcil i molt atractiu visualment. El principal problema és que no tenia una cuina espaiosa, ni ben il·luminada. Així que ho vaig gravar tot a la taula d’una terrassa, amb llum natural. A més, per donar més vida a les imatges, vaig optar per animar una mica la tipografia (encara que d’aquesta tasca se’n va encarregar Alejandro Arroyo) i jo em vaig centrar en la direcció artística del vídeo.

Edward: ‘Coffee Break’ és curtmetratge realitzat amb la tècnica stop motion. Descriu el procès de preparació del cafè amb la personificació dels objectes i amb un toc divertit.

Tres professors d’EINA a la 5a edició de Webs al punt.cat

La Fundació puntCAT, entitat privada que gestiona el domini .cat, va lliurar els premis de la 5a edició de Webs al punt.cat. Aquest concurs convida els estudiants de territoris de parla catalana d’ESO, Batxillerat i Cicles Formatius de Grau Mitjà o Superior a dissenyar un lloc web o una app en català dintre del seu àmbit acadèmic.

En aquest context, han sigut tres els professors d’EINA que han format part del jurat del concurs. Concretament, Anna Fuster, professora i coordinadora del postgrau en Disseny Web d’EINA; Enric Mor, professor Anàlisis y gestió de publicacions digitals a EINA i Daniel Julià, professor de l’assignatura de Disseny per a gestors de continguts CMS també a EINA.

El concurs, que va celebrar-se al CosmoCaixa de Barcelona, premiava aspectes com l’atractiu, la usabilitat o la fiabilitat, entre d’altres. A més, pretenia fomentar el coneixement de les noves tecnologies, la creativitat dels participants i l’ús correcte del català.

Podeu trobar més informació a http://websalpunt.cat/

Fotografies: Fundació puntCAT