Infographic

Analysis and Management of Digital Publications

In the subject of Analysis and Management of Digital Publications, we have developed infographics of topics related to the Internet and technologies. In the last session with Diego Fernández, we showed our results in class to share and discuss them all together.

Every project was diverse at both formal and content level. Themes were very broad: from the existence of cookies, the world of emojis, the success of online dating, the streaming music, the usage and abuse of smartphones or Instagram and the curious case of #foodporn.

Fanzine MDG St Jordi

A ZINE about Saint George

On the occasion of Sanit George, some of the students of the Master’s in Graphic Design have developed a collective fanzine.

This proposal comes from the desire to share personal interpretations of the 23rd of April’s festivity. The 11 participants, narrate and illustrate based on typical elements from the popular legend. Books, dragons and kisses appear in different ways at the same time we question them, reinterpreting the story with princesses that puncture and roses that are not for sale anymore.

The self-edition consists of 28 pages, black and white interiors and a silk-screen cover printed in the workshop of EINA Espai Barra de Ferro. In the same Arts Centre, the fourth edition of PRINT.ed Singular Publications fair took place on Saturday 21st of April, where the zine was available from 11 am to 8 pm.

Daniel Iglesias @dani_bydani

Aina Alsina @aidux_

Paula Lavergne @paulalavergne

Blanca Garaluce @blancagaraluce

Judith Murcia @judithmurcia

Àngela Balcells @ngeladraws

Gemma Fontanals @gemfontanals

Laura Magallón @cosmichorchata

Andrea Rueda @andreard_

Maria Millán @mariamies

Emily Eldridge @emily_eldridge_art

Digital Video

Diego Fernández, professor of the subject of Digital Video, presents to the students the techniques and resources of the creation of video and animation destined to the network. In this subject they work on learning the characteristics of digital video, its editing, the interactivity, a introduction to 3D animation and a introduction to audio processing.

Marc Juanola


Andrés Gutiérrez


Laia Faiges


Jose Navarro


Valeria Cerrada


Carlos Vidente

Web Projects

The subject of Web Projects, taught by Professor Anna Fuster, presents the development of the layout in HTML and CSS of a web project. Throughout the course the students work on the approach and obtaining a functional prototype, going through a graphic proposal, layout and installation on a server.

Students learn the specificities of design for the digital medium. How to raise a briefing, interaction design and information architecture. In this edition, the students have implemented the website of the prototype done in the subject of Analysis and management of digital publications, resulting in a redesign of the websites of several selected museums.

Andrés Gutiérrez


Valeria Cerrada


Carlos Vicente


Jose Navarro


Laia Faiges

Introduction to Programming

Professors Jordi Collell and Oriol Collell have been responsible for carrying out the teaching of the Introduction to Programming subject. This subject aims to provide students with a base knowledge of the programming language. In this way they can know the complexity of the projects online, make good approaches, get a fluid communication with the professional environment and take full advantage of the technical possibilities.

Students learn how Java Script works, PHP and MySQL notions, and the practical functioning of JQuery libraries. During the course different practices are made that provide the students with useful resources for possible projects. One of them has been using the GreenSock TweenMax library.

Paola Belmonte

The user clicks mandala rings and causes them to stop or move in a circular manner.

2017_belmonte_progr


Laia Faiges

The planet rotates and stops by pressing the power button on the center.

2017_faiges_progr


Andrés Gutiérrez

Machine buttons operate on all types of interactions.

2017_gutierrez_progr


Marc Juanola

The ray machine on the right side can be switched on and off.

2017_juanola_progr


Sandra Rubio

The chocolate factory has a continuous movement of its presses and gears.

2017_rubio_progr

master Eina

User-Centered Design

The User-Centered Design (DCU) is a design approach that takes into account the final recipient of the product or service, the activity that is developed, as well as the contexts of use. Within the subject of Analysis and management of digital publications, the students of the master have worked with professor Enric Mor aspects of the DCU through dynamics, activities and a project of redesigning a museum web.

One of the first activities in class was the design of a wallet or purse. The objective of the activity was to make the product thinking directly to a classmate.

master Einamaster Einamaster Einamaster Einamaster Eina

Through an iteration process, the students asked the needs and posed problems with possible solutions. In this way, the final result was more and more adjusted to success. Finally the activity concluded with a debate on the best product: the one that best solved the need of the user in question.

An important process in the design of any online platform or an app is to take into account the Scenarios. In them, the designer reflects on possible plausible situations in which a typical user might find himself using the product. This is a very important process when working with the User Experience (UX)

master Einamaster Einamaster Einamaster Einamaster Einamaster Eina

This time the class activity consisted in designing in a very visual way a scenario for a particular app. The functionality of the app consisted of a system designed to find, through the collaboration of people, your lost pet.

Iterative Design is a design methodology based on a cyclical process of prototyping, testing, analysis and refinement of a product or process. Based on the test results of the most recent iteration of a design, changes and improvements are made.

master Einamaster Einamaster Einamaster Eina

To practice and understand this operation, the Marshmallow Challenge was held in class. This is a team-building challenge that encourages the design mentality and supports the basic engineering principles. Each team is given the supplies to work – spaghetti, ribbon and rope – and in 18 minutes must build the highest possible tower that holds a marshmallow.

Finally, the final project of the subject consisted in the redesign of the website of a museum. Following the steps worked in class of the DCU, the students have made a report detailing the iterative process carried out step by step. Among them, the scenarios, information architecture, sketching, flow diagram and finally a functional prototype.

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

Infographics

Within the setting of the Analysis and Management of Digital Publications course, professor Diego Fernandez presented the content related to SEO and SEM in web search engines. In addition, as the subject’s project, students have worked about infographics and the power of communication that they represent within the network. The objective was to present an infographic based on something related to the virtual environment or the internet. Given this premise, they showed relevant data on the chosen topic in a graphical, synthesized and contextualized way.


Yolanda López

¡CUIDADO CON LOS SELFIES!


Sandra Rubio

DEEP WEB


Júlia Valldolitx

VIOLENCIA DE GENERO 2.0


Carlos Vicente

NETFLIX VS HBO

Graphic Identity Projects

The subject taught by Xavier Alamany raises the conception of corporate identity projects as a communication phenomenon, which affects all the message formats that a company or institution issues. In this edition the demand has been the development of a project that will generate the local identity of the district of Montbau in Barcelona, using the tools of graphic design in a social and non-commercial way.

 

Irati Antia

irati1

Considering the modular aspect of the neighborhood and the architectural importance of this, Irati creates a set of construction parts to make a miniature replica of Montbau buildings. It is a collaborative game between different generations in which they can know the neighborhood with another look.

irati2

In each box of the game there will be missing a piece that a player has hidden somewhere in the neighborhood singular for it. In order to finish the game, players must find the missing piece.

irati3

The design of the game focuses on the value of the absence, this one will be the thread of the game. The main goal is not setting up the neighborhood, but to discover where the other player has hidden the missing piece, because that will be an important place for the person.

irati4

In all the elements of the design we want to teach that something is missing. The mirror is the resource used for this.

irati5


Jose Navarro
jose2

Due to the constructivist nature architecture of the neighborhood that has its origins in the Russian avant-garde, Jose proposes a Biennial of experimental art in Montbau, linking that historical avant-garde with the current ones.

jose3jose1

Observing the empty and free content of the rationalist architecture there is a modular pattern of organization, simplified in a mesh of pictures.

jose6

L-shaped volumes are displayed in the neighborhood, imitating the shape of the Montbau buildings. There is information on the use of the neighborhood for the upcoming biennial, times, galleries, premises and open spaces that are available for the exhibition of works of art.

jose4

jose5

jose7


Mengdi Li

mengdi1

Mengdi uses the graphic elements of this logo to create a graphic system and thus maintain the same style in future designs.

Captura de pantalla 2017-05-09 a las 15.04.22

The proposal is to take advantage of as many green areas and public spaces of the Montbau district as possible, and thus encourage the residents of Montbau to change the lawn through gardens or small orchards.

Captura de pantalla 2017-05-09 a las 15.07.49

The original concept of neighborhood construction is used as a community, based on equality for all inhabitants where each would receive an equal section of “arable land” and the advice of crop professionals. In this way the inhabitants of the neighborhood can plant their own fruits or vegetables more naturally and make the most of the green areas.

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

The objective is that people return to establish contact with the land as a support to a new social and micro-economic model of the crop and strengthen the coexistence of the inhabitants of the neighborhood.


Monika Proniewska

monika4
Monika uses the postcard format to create the proportions of the logo. Classical 10×15 postcard format gives the 3×2 proportion. She adds the geometric forms of the rationalist architecture of Montbau that also symbolize the nature that surrounds the neighborhood. The Helvetica typography is simple and friendly, A sans serif font to embody the idea of modernity.

monika2

The module served to construct architecture of Montbau. Simple geometrical forms are inspired by ideas of functionalism and architectural drawings.

monika1

The important part of Montbau is its greenery. The green areas create their spirit and identity. It is also part of an architect’s idea.

monika3

Typography

Professor Salvador Huertas‘ subject aims to make an introduction to the architecture of the letter, typographical composition and analysis and critical evaluation of typographic letters. The final delivery of this subject has been a publication where the theme and format were free and essentially consisted in the treatment of typography and its composition.

Irati Antia

2016_tipo_1

Anna Cabrera

2016_tipo_11

Laia Faiges

2016_tipo_2

Laia Gabriel

2016_tipo_3

Beatriz Gómez

2016_tipo_4

Marc Juanola

2016_tipo_5

Mengdi Li

2016_tipo_12

Yolanda López

2016_tipo_13

Rubén Mecaliff

2016_tipo_6

Sarah Ortega

2016_tipo_7

Monika Proniewska

2016_tipo_14

Paula Serrano

Anna Trillas

2016_tipo_8

Júlia Valldolitx

Design project analysis and management

In the subject of Analysis and management of graphic design projects, from professor Anna Llàcer, students work in the conditions of creation, production, organization and management of projects and processes of graphic design, from its inception to its final delivery. The evaluating task of the subject consisted in the creation of a corporate manual with its applications based on a project arisen in class.

Júlia Valldolitx

2016_analis_gestio_1 2016_analis_gestio_2

2016_analis_gestio_4 2016_analis_gestio_32016_analis_gestio_6 2016_analis_gestio_52016_analis_gestio_7 2016_analis_gestio_8

 


Anna Trillas

2016_analis_gestio_92016_analis_gestio_10
2016_analis_gestio_11 2016_analis_gestio_132016_analis_gestio_142016_analis_gestio_15

 


Mengdi Li
2016_analis_gestio_162016_analis_gestio_172016_analis_gestio_182016_analis_gestio_192016_analis_gestio_212016_analis_gestio_20