OPEN RESUME. I feel that I want to share my expertise as much as learn by others.

Transcription

1 THAT FEELING That poster that reminds you of a special place. That t-shirt that reminds you of a special person. We all identify with brands that deliver that feeling. We buy brands that give us that feeling. This is my passion. Helping brands connect with their audiences through enriched user experience and creative problem solving. Helping brands deliver that feeling.

2 My name is Miquel Parera. During the last 7 years I ve been working as a Graphic Designer for big and small companies and for three years training people to improve their graphic design skills at Espai, Informatics School in Barcelona. OPEN RESUME A few notable people who have influenced me within business, design and user experience are professionals such as Alan Cooper, Dan Saffer and Mike Monteiro, amongst many others. Through working with my fellow professionals, as well as many clients, I soon realized the importance of User Centered Design perspective and people's behaviour. I take my work seriously and I value my clients, so I decided to run my own business as a designer and consultant, finding out the best solution to a client s problem. I feel that I want to share my expertise as much as learn by others.

3 EXPERTISE Miquel Parera, with +7 years of expertise, has worked with big and small companies such as Apple, Teka, The Keenfolks Studio and Escola Espai. His career has led him to gather wide knowledge in strategy design, identity, digital design, interaction, UI & UX design. In 2014 Miquel decided to run his own business as a consultant and designer. He has also worked with other artists and video producers as well as motion & 3D designers. He has helped numerous companies and individuals to find a business solution.

4 NOW Miquel Parera is now based in London to broaden his career horizons and he is working remotely with Escola Espai, growing their Business and applying Design Thinking. Latest projects TEKA TABLET PHOTOSHOP COURSE CUSTOM PRINTING TOOL LIKE BANK An Android device integrated within induction technology. A Photoshop course with downloadable materials and podcasts. A cloud-based solution to design and customize automatic, reliable print-ready vinyls and posters. A clean dashboard UI design for ios.

5 COMPANIES Over the years, Miquel has worked with these different companies

6 COWORKERS Miquel Parera has a wide coworking network in areas such as Illustration Sound & Music Motion Graphics Video Production Web and Coding Marketing & Analytics

7 CREATIVE FORMULA

8 This document contains the most relevant work and it s process.

9 IRF 9480 TFT TABLET TEKA

10 TEKA IRF 9480 TFT TABLET An Android device that is integrated within induction technology. It reduces time and consumption whenever you cook while giving you great usability. WATCH VIDEO

11 FLOWSCREENS My role was to develop all the scenarios, wireframes and mockups. I worked in all the interaction flow with Google Material Design components and layout. This job required a lot of work on my part because of the detail i put into the functionality and visual design. 17: : :00 15:00 17: TEKA ENCIMER A MENÚ CONTROL TEKA ENCIMER A MENÚ CONTROL - BLOQUEO 0: TEKA ENCIMER A MENÚ CONTROL - BLOQUEO POP-UP 1.5 TEKA ENCIMER A MENÚ CONTROL 17:30

12 REVISE TRY CHANGE ELANCO

13 ELANCO IBD REVISE TRY CHANGE The keenfolks studio created a disruptive message, embedding new and effective people-centric insights. A clear and direct call for action to propose the veterinarian a sequence of actions: Revise the currently used IBD vaccination program, try more efficient solutions, and adopt them by changing into Elanco Vaccination Program.

14 TARGET SEGMENTATION People believe that the decisions they make are rational. In reality, emotions are a great influence, and in many cases determine our decisions. The keenfolks s methodology is designed to understand the balance that must be achieved between the rational and the emotional at each step of the customer purchase process. Traditionally marketers seek demographics and psychographics insights. Here s an additional layer; personality types to tap into their intrinsic motivations.

15 THE KEENFOLKS Wanted the customer to be identified with a selfconfident professional who is willing to evaluate better alternatives and adopt the most efficient vaccination program to protect the poultry flock against one of the most important diseases affecting the industry.

16 THE TREATMENT Revise the currently used IBD vaccination program, try more efficient solutions, and adopt them by changing into our Elanco Vaccination Program. As the primary message, we jumped to our modelshop to start working with new and disruptive ways to bring this message to the poultry market. The outcome are these neons that enable us to create unlimited material for an online and offline strategy.

17 DESIGN THINKING - WORK IN PROGRESS ESPAI

18 ESPAI DESIGN THINKING - WORK IN PROGRESS Espai is a vocational design school with over 15 years of expertise. Business owners decided to change their image and create a significant identity with a strong personality to increase the engagement between the brand and their existing and prospective students. This is how the school looks like today.

19 Think See Hear Say Do Feel FEELING INTO WORDS My role consists of filling the gaps between the users and the brand, the ideation and the execution by Mindwalking exercises, asking questions to write a story understanding the user s pains and gains. Insights Discover, learn, get better, specialize. Risk free, mistake free, time saving, profit. Action Evolution, technology, people, companies, expertise.

20 BRAND DEFINITION Who we re as a brand and how we do sound to others? What do we do that others do not? We are looking for words that describes who we are. 1 2 CULTURE Kind Compromise Experience USERS Detail Especialization Concientious Discover 3 VOICE Dynamic Classic Inspirational Direct 4 BENEFIT Satisfaction Motivation Encouragement Learning 5 VALUE Evolution Especialization Future Resources X Factor Easy and effective evolution. Trouble free. What Who How Where Why When Courses to evolutive students in a friendly environment in Barcelona to feel specialized in the technological age

21 WORDS INTO IMAGES Once I got a clear understanding of what and who I am building for, how and why, the goal is translate the strategy into images to find the design direction. This is one of the stylescapes and moodboards I designed to find out the style, look and feel, colors and typography for the brand.

22 THE LOGO A flag represents a goal achieved. Due to the different areas within the school, we can refer a color for each one and go forward with a powerful message. The concept is to be friendly and dynamic so we animate the logo, and develop a visual communication that engages. CREA TODO LO QUE TE PUEDAS IMAGINAR Consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, cons ectetuer adipiscing Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore Aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie Dolore eu feugiat nulla facilisis at vero eros et accumsant #eeeeee # #f44336 #b71c1c Vamos allá! HEADING IS THE BOSS SUBHEAD GOES NEXT Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. HEADING IS THE BOSS SUBHEAD GOES NEXT Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Video Edition #e040fb #4a148c 3D & Motion #ffeb3b #f9a825 Graphic Design #2196f3 #0d47a1 Coding #ff9800 #e65100 Web Developing #4caf50 #1b5e20 Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Descargar archivos Descargar archivos Ver video Social Media #00e5ff #0097a7 Sound Design #f8bbd0 #ad1457 Office #cddc39 # Hardware & Networks # #004d40 New Area #New Color #New Color

23 LOGO IN USE Do 27px oboto HERE COMES THE H1 Entire logo The Flag H2 GOES NEXT Provide plenty of space around the Espai logo and The Flag. Make them big, make them small, just give it the chance to breathe and not feel cluttered. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. No breath No left side No breath Too much space can create confusion Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. HERE COMES THE H1 H2 GOES NEXT 21px Bold 24pt Regular 18pt Regular 12pt Light 12pt 21px HERE COMES THE H1 H2 GOES NEXT Here you will explain briefly what the subject is about. No matter if it is the content of a masterclass or a newsletter text. You should always respect the size. Use this text for additional information and provide Sample Links frequently. HERE COMES THE H1 H2 GOES NEXT Here you will explain briefly what the subject is about. No matter if it is the content of a masterclass or a newsletter text. You should always respect the size. Use this text for additional information and provide Sample Links frequently. Here you will explain briefly what the subject is about. No matter if it is the content of a masterclass or a newsletter text. You should always respect the size. Use this text for additional information and provide Sample Links frequently. Here you will explain briefly what the subject is about. No matter if it is the content of a masterclass or a newsletter text. You should always respect the size. Use this text for additional information and provide Sample Links frequently. LIGHT THEME - BIG EMPHASIZE - BIGGER DARK THEME - RECOMMENDED SIZE Bigger entire logo Bold Heading Lighter Subheading Normal Body Much bigger flag only Light Heading Bolder Subheading Strong Body 21x27(px) flag size Light Heading Bolder Subheading Normal Body

24 PHOTOSHOP COURSE - WEB DESIGN ESPAI

25 ESPAI PHOTOSHOP COURSE - WEB DESIGN This project goes along with the brand strategy and recaps all the data gathered to meet the student s goals. This course is designed to make Adobe Photoshop easy and fun for all kind of students. They ll produce fine arts and build their portfolio like an expert whie doing this course.

26 SKETCHES & WIREFRAMES This project is the product of the brand strategy and recaps all the data gathered to meet the student s goals. Tittle Section Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo. Download The classes are set up in a four step learning plan: Download Materials Students download the materials. Lesson Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi Video name (4:41) Video name (3:52) Lesson Practice with videos Students practice with the downloaded materials along with videos to help them engaging with working in photoshop. Try yourself Students take what they ve learned from the section and try the photoshop techniques themselves. Lesson Lesson Lesson Lesson Work Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation Download Test The students are tested on their knowledge from the chapter and they move on to the next section of the learning plan. Send work Lorem ipsum Send Upload Lorem Ipsum Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo DO THE TEST

27 STRUCTURED SECTIONS Download the resources first Dropdown menu to see the content Watch the videos of the given topic

28 WORK & DELIVERY Begin practising and crafting new ideas with the aid of many different helpful exercises. Then, upload your work in our easy to use interface. Tu primer trabajo En este punto nos gustaría valorar tu técnica y tu creatividad. Por eso te proponemos un ejercicio que consiste en hacer un fotomontaje. Tu primer trabajo Nosotros hemos creado una serie de fotomontajes para un proyecto En este punto donde nos gustaría fusionamos valorar objetos tu técnica cotidiano y tu creatividad. con elementos Por eso de guerra. te Te proponemos un ejercicio animamos que a consiste que crees en al hacer menos un fotomontaje. un Tu primer trabajo Nosotros hemos creado una Descargate serie de fotomontajes nuestras imágenes! para un proyecto En este punto donde nos gustaría fusionamos valorar objetos tu técnica cotidiano y tu creatividad. con elementos Por eso de guerra. te Te proponemos un ejercicio animamos que a consiste que crees en al hacer menos un fotomontaje. un Tu primer trabajo Descargar imágenes Nosotros hemos creado una Descargate serie de fotomontajes nuestras imágenes! para un proyecto En este punto donde nos gustaría fusionamos valorar objetos tu técnica cotidiano y tu creatividad. con elementos Por eso de guerra. te Te proponemos un ejercicio animamos que a consiste que crees en al hacer menos un fotomontaje. un Descargar imágenes Nosotros hemos creado una Descargate serie de fotomontajes nuestras imágenes! para un proyecto donde fusionamos objetos cotidiano con elementos de guerra. Te animamos a que crees al menos un fotomontaje. Descargar imágenes Descargate nuestras imágenes! Descargar imágenes Cuando lo tengas listo envía tu trabajo y lo evalu Guarda tu trabajo como.psd. Súbelo y envíalo aquí. Enviar Sube tu archivo Cuando lo tengas listo envía tu trabajo y lo evaluaremos. Cuánto sé de Photoshop? Cuando lo tengas listo envía tu trabajo y lo evaluaremos. Mientras evaluamos Enviar tu trabajo haz Sube el test! tu archivo Guarda tu trabajo como.psd. Súbelo y envíalo aquí. Cuánto sé con de el programa. Photoshop? Además estarás mejor preparado y podrás destacar en las entrevistas de trabajo Mientras evaluamos demostrando Enviar tu trabajo un conocimiento haz Sube el test! tu archivo técnico del programa. Cuánto sé de Photoshop? Pásate por el seminario 2 y aprenderás más rápido de lo que crees. con el programa. Además estarás mejor preparado y podrás destacar en las entrevistas de trabajo Mientras evaluamos demostrando tu trabajo un conocimiento haz el test! técnico del programa. Cuánto sé de Photoshop? Pásate por el seminario 2 y aprenderás más rápido de lo que crees. con el programa. Además estarás mejor preparado y podrás destacar en las entrevistas de trabajo Mientras evaluamos demostrando tu trabajo un conocimiento haz el test! técnico del programa. Guarda tu trabajo como.psd. Súbelo y envíalo aquí. Cuando lo tengas listo envía tu trabajo y lo evaluaremos. Enviar Sube tu archivo Guarda tu trabajo como.psd. Súbelo y envíalo aquí. Cuando lo tengas listo envía tu trabajo y lo evaluaremos. Enviar Sube tu archivo Guarda tu trabajo como.psd. Súbelo y envíalo aquí. Hacer test Hacer test Hacer test oshop? Pásate por el seminario 2 y aprenderás más rápido de lo que crees. con el programa. Además estarás mejor preparado y podrás destacar en las entrevistas de trabajo demostrando un conocimiento técnico del programa. Pásate por el seminario 2 y aprenderás más rápido de lo que crees. Hacer test lt t!

29 LIKE BANK - DASHBOARD UI DESIGN MOVETIA

30 LIKE BANK DASHBOARD CHALLENGE Movetia is a digital services company that helps other businesses build new ideas and grow. Turning complex ideas into elegant and innovative results. As a means to engage with the company, I was commanded to design a Dashboard for mobile banking app within 6 hours. The outcome, a clean and helpful UI design that is user-friendly. The aim was to improve the user experience in the fintech sector.

31 OTHER S DASHBOARD Accessible Intuitive Clean look OUR DASHBOARD Fast Minimal Easy to use Trustworthy

32 CUSTOM PRINTING TOOL MSD

33 UI & INTERACTION is a cloud-based solution designed to help veterinarians design and customizing their clinics. Use automatic, reliable print-ready PDF generation and tools to help you order new custom PLV s to decorate your clinic. WATCH VIDEO

34 LOGO DESIGN VARIOUS CLIENTS

35 VILLAGE SPORTS BCN LOGO DESIGN & APLICATIONS 25px 50px 75px 100px

36

37 LAVE POW LOGO DESIGN & APLICATIONS 0º 10º #ffffff # #00ff00 #fcea0d #e5007e #35a8e0

38 PORTA LEGAL LOGO DESIGN & APLICATIONS

39 IN CITY STYLE GUIDES Logo Sizing ECO Purpose or Go premium Go Premium Font used How to use Colors Interstarte.ttf Familiarity lies at the heart of legibility. Interstate is based on the signage alphabets of our Federal Highway Administration, letterforms absorbed at a glance everywhere we drive. Interstate provides a real edge in swift communication. Tobias Frere-Jones designed the original fonts in 1993 and [Font Bureau, ] Heading Interstate bold 24pt Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Interstate regular 10pt Isi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Heading Interstate light 24pt Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Interstate bold 10pt Isi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. #1d1d1b #ea592c #4daf50 Interstate bold condensed 10pt Interstate light condensed 10pt Sample link Sample link Interstate regular 10pt Interstate bld 10pt

40 TYPEFACES 36 DAYS OF TYPE

41 Thees are characters I created in 36 Days Of Type, a project that I like to take part every year.

42 DAWGZ JUST FOR FUN

43 DAWGZ DESIGN, VIDEO & EVENTS The movie dawgz is a documentary of a group of friends in Calafell, Catalunya. We grew up skateboarding together and in 2014 I decided to gather all the videos we had made over the last two years and produce a movie with Xavier Puig. WATCH THE MOVIE Before the event, we launched a few short promoting videos. To present the movie, we decided to hold an event in Calafell that was open to the public. WATCH VIDEO EVENT

44 FECU#16 EVENT FECU is an annual skateboard contest in Calafell, a small village at the south of Catalunya runned by locals. The 16th edition is new and challenging. VISIT WEBSITE

45 People don t fall in love with companies they fall in love with personalities.