Design portfolio

Page 1

Palma Fontana w w w. p a l m a f o n t a n a . c o m


Palma Fontana Interaction Designer

Italy, December 1986

Š JosÊ Pacheco


Bio Contacts

Experience

Education

Skills

Address

Mar 2012- Sep 2012

2010-2012

Major areas of interest

Prof. Kausstraat 39 2628JK, Delft The Netherlands

Interaction Design Internship

Master in Design for Interaction

UX, UI, HCI, HRI, design methodology and web design

Email & phone plm.fontana@gmail.com +31 (0) 51 91 05 92

at Calendar42, web calendar design studio located in Delft.

Joint master at TU Delft and KAIST, faculties of Industrial Design

Jan 2011- Jan 2012

2005-2008

Graduation Project at Korean Advanced University of Science and Technology (KAIST)

Bachelor in Industrial Design with a specialization in Ergonomics at Politecnico di Milano (PoliMi), faculty of Design

with a focus on

Human factors, Usability testing, Cognitive Ergonomics and Data visualization

Technical High level:

Adobe Creative Suites, Solid Works, Rhinoceros Basic level:

HTML, CSS and Arduino

website & blog

2010-current

Languages

www.palmafontana.com

Freelance (graphic)

Italian: mother tongue

www.plmfontana.tumblr.com

Major client: Associazione Thazamaski, Comune di San Pancrazio Salentino, Comune di Porto Cesareo.

English: fluent, high level Dutch: basic French: basic Spanish: basic, high level in listening

Awards and publications High confidence in the whole design process phases with a focus on the research analysis and concept development. Managing different user centered design methodologies (cultural probes, context mapping, personas, flowcharts) Confident and creative in drawing and sketching from storyboards to wireframes. Good abilities in working individually and even more eager and passionate to work in a team. Loves to cook and kick some asses in a muay thai fight.

Jan 2012 Best Master’s Thesis 2012 at Korean Advanced Institute of Science and Technology (KAIST)

July 2011 ‘The Effect of Robots SelfDisclosure on the Level of Intimacy in Human Robot Interaction’ Paper accepted to RSS 2011 Workshop on Human Robot Interaction


Research Research

Interaction

Olive oil. Garlic and onion.

Tomatoes.

The combination of these simple ingredients gives the base for a proper and tasty tomato sauce pasta. However, there are several techniques to chop and varieties of ingredients that can be use. Moreover there are also variations such as preferring butter to oil, adding carrots and celery or even tiny chilli pepper; all depends on what flavour you wish to give to the sauce.

It is a commonplace thinking that any tomatoes will make a good tomato sauce. It is wrong. Tomatoes should be selected for their colour, shape and density. Tomato sauce is the core of a pasta dish; colouring and creaming the pasta. A successful tomatoes sauce make someone lick his chops and clean up the sauce on the bottom of the pasta bowl with a piece of bread.


Product Product

Graphic Graphic

Pasta.

Basil.

The final artefact that despite all the ingredients and time involved is the real protagonist. Different shapes of pasta should accurately be chosen based on the experience that the commensal should have. Different flours pasta should instead be preferred base on the type of people who re going to enjoy the dish.

Taste and quality are unfortunately not enough most of the time. Also the eyes need to be pleased. This fresh spice makes the dish not only richer in flavour but also gives it a colourful touch. A small green leaf on a red sea with a yellowish shore make the plate more appealing and engaging.


2012 Calendar42 Better days

Calendar42 A savvy new way to plan our daily life. www.calendar42.com

Michel Boerrigter Founder | Directeur +31 (0) 6 45 76 46 63 michel@calendar42.com Jasper Hartong Founder | Directeur +31 (0) 6 38 50 23 47 jasper@calendar42.com

Major clients

Internship Competence:

User experience, Interface design, visual communication


Visual branding # UX # UI #

Calendar42 is a small start up design studio which is developing and web calendar platform dealing therefore with both the interactivity issue and its visual image to be lunched on the market. You can: open up your calendars & events for others to follow, subscribe and collaborate; accept invitations from other users and organisations to browse their events based on time & location; easily keep track of updates on events, and view their history. All in real-time & cross device.

Product # Interaction # Calendar42


Calendar42 # Interaction # Product

# UI # UX # Visual branding

2

3

4 1.0 Toolbar (details)

3/5

1.2 Navigation buttons 1.2.3 Map toggle Map toggle

Add a new event

Today

Allows to visualize the map with all the events placed

w16

on it. The map toggle can be activated and deactivated

Jump to ...

Monday, 4 May

Tuesday,5 May

Day Wednesday, 6 May

Week

Map

Thursday, 7 May

John Doe Friday,8 May

Saturday, 9 May

Sunday, 10 May

Week view The map will occupy 1/3 of the length of the grid and it will

All day

regardless the grid view which is currently visualised.

gradually animates vertically (bottom-up).

Day

Week

Map

The grid contents can be access by

John Doe

scrolling. Wednesday, 6 May

Thursday, 7 May

day, month

E.g. If the user is visualising the week view and he/she wants to see also the map, he/she will activate the map toggle. Later the user decides to visualise the day view so he/she will activate the day toggle. The map toggle will stay activated so the map will also be visualised in the day view.

Day

Week

closing button

Map

John Doe ....

Wednesday, 6 May

Thursday, 7 May

....

....

....

....

day, month Add a new event

Today

1

w16 All day

Day

Week

Wednesday, 6 May

Map Thursday, 7 May

John Doe

Jump to ...

Monday, 4 May

Tuesday,5 May

Day Wednesday, 6 May

Week

Map

Thursday, 7 May

John Doe Friday,8 May

Saturday, 9 May

Sunday, 10 May

Day view The map will replace the space of six columns (days) on grid and it will gradually animates horizontally (right-left). While the map is animating inside the view, also

day, month

the selected day will slide next to sidepane replacing the ‘Monday’

2

column. Day Wednesday, 6 May

Week

Map Thursday, 7 May

John Doe

If the selected day of the week is Monday, the day-column will not animate.

day, month

3

Interface, usability & website

The map toggle can also be deactivated by simply click on the closing button that will appear on the right upper corner of the map.

....

....

....

....

....

5

1-2 Designing and user testing on both the system and the website 3 Example of digital wireframe brochure designed for the website and mobile version 4 Sketches of wireframes and illustrations 5 Illustrations of the product features

2


Visual branding # UX # UI #

6

Product # Interaction # Calendar42

8

BANNERS

9

MEMBERS PROFILE PICTURES

TEAM T-SHIRTS

Visual communication

PERSONAL BUSINESS CARDS

6 Calendar42 desk at the Networking Event 2012 of YesDelft 7 T-shirts and business cards

7

8 Iterations of visual designs for creating the visual image of the company

78

10


2011

Impact of a Game-Type Icebreaker on the Design Idea-generation process Research study investigating the role of icebreaker in the design process of multidisciplinary teamworks.

Graduation research for KAIST and TU Delft, developed during the second year of the Joint Master spent in Korea.

Individual work


Teamwork # Design methodology #

Research # Interaction # Impact of a Game -type Icebreaker

What kind of role and impact might an icebreaker have when the context is a design project and the strangers are the members of a newly formed multidiscipliary teamwork? Starting from this question, the one-year research project investigates the impact of a social game applied as icebreaker on the idea generation of a design process of multidisciplinary team-works.

Š JosÊ Pacheco


Impact of a Game-type Icebreaker # Interaction # Research

# Design methodology # Teamwork

Research &user testing 1 The literature research leads to the design of design workshops involving the selected game icebreaker as starter of the design process. Different conditions of workshops were set in order to identify outstanding elements.

5

6

Graduation report


Teamwork # Design methodology #

Research # Interaction # Impact of a Game -type Icebreaker

Data analysis &Discussion 2 The dialogue, concepts and evaluations data obtained from the workshops was analysed by using statistical and qualitative analyses. An extensive discussion and conclusion argue the positive impact of the game type icebreaker on the design process with its limitations and potential.

7

10


2011

The Effect of Robots Self-Discolure on the Level of Intimacy in Human Robot Interaction Human Robot Interaction research study.

Research project for the course Design Project III at KAIST in collaboration with ETRI (Electronics and Telecommunications Research Institute)

3 members-teamwork Personal Contribution:

research background empirical user study

Paper accepted to RSS 2011 WORKSHOP ON HUMAN ROBOT INTERACTION

RSS 2011 website Online paper


UX # HRI #

How many times have you gotten rid of still working products just because you no longer liked them? For affection and satisfaction of products, this study investigates how types of disclosure affect intimacy which plays an important role in the interaction between humans and robots. The impact of the disclosures on the level of intimacy and sub sequential product affection for the robot is evaluated in an empirical study with a robotic vacuum cleaner.

mmm...whom should I get rid of?

Research # Interaction # The Effect of Robots Self-disclosure

It wasn’t me!


2010

Atreyu Modular interactive toolkit for interactive prototypes.

Interactive project for the ID StudioLab of TU Delft, developed during the course of Interactive Technology Design at TU Delft.

5 members-teamwork Personal Contribution:

Concept ideation, Visual Interface, Graphic Identity


UX # UI #

When designing interactions of complexity due to technological limits. This research project bridges the gap providing designers with a toolkit that allows them to combine physical programming and prototyping with interactive technologies. ATREYU is a skin to create interactive 3D prototypes in an open platform from a physical and coding point of view.

Product # Research # Interaction # Atreyu


Atreyu # Interaction # Research # Product

1

# UI # UX

2

3

4

Designing by prototyping 1 Concept definition 2 Exploration of shapes and materials 3 Exploration of logics and connections 4 Final prototypation 5 Sketching interaction storyboard 6 Inner structure and connections

5

6


UX # UI #

Product # Research # Interaction # Atreyu

8 CORE UNITS Nano Arduino Input/output

9

CONSTRUCTIVE UNITS Extendable

User testing by exhibiting 7 Final working prototype 8 Informative brochures 9 User testing 10 Exhibition

CONNECTIONS Plug & Play Foldable 3D shapes MASTER Mega Arduino

Video explanation and usage Video evolution of the concept

WIRE Defining interactions

7

POWER

10


2010

Home Theatre System Redesign proposal of a seamless interface for the PHILIPS Home Theatre System.

Concept project for PHILIPS company, developed during the course of Usability Test and Redesign at TU Delft.

6 members-teamwork Personal Contribution:

Usability test, Redesign concept ideation, Concept and Visual interface.


Redesign # UI #

The six-months project was carried out as inspirational external research for the redesign of the Philips Home Theatre System. After performing a usability test of the old model device, usability problems and new needs were found guiding the next steps for a re-design proposal towards the concept of ‘smart home’. The re-design proposal was restricted to the elements of television and remote control. A working interface prototype was developed and tasted.

Product # Interaction # Home Theatre System


Home Theatre System # Interaction # Product

1

Software

Hardware

Graphic interface Menus coherence System integration

# UI # Redesign

Remote

Visual aesthetic Functions visibility

Mapping

Usability tests 4 1 Problems definition after the first user-test study of the old HTS device

@ device

2 Concept development of the remote control and the interface

device

HOME MENU

DISK PLAYBACK FAST FORWARD

5

DISC PLAYBACK

FAST FORWARD

DVD menu

Subtitles

Audio settings

Language

Video settings

Bonus features Trailer

CHAPTER

35:49

2

1

2

3

4

4 A tablet was simulating the designed remote functions 5 Mockups were used to test different ergonomic shape of the remote

@ DVD Settings

3 Usability test of the final design

5

3

6

6 Mockups were used to test the mapping of the remote trackpad


Redesign # UI #

Product # Interaction # Home Theatre System

7 ON/OFF Button

TRACKPAD Mapping the TV interface SHAPE

Final redesign 8 7 Characteristics of the final design of the remote control

SURFACE TREATMENT Tactual feedback

8-9 Screenshots of the designed interface (television content, sides and bottom menus)

CONFIRMATION Squeezing gesture

10 Prototype of the designed remote control

Working Interface Prototype

10

9


2010

RabbitsInRdam A new social&city spots network to re-discover Rotterdam city.

Concept developed for the course of Exploring Interaction at TU Delft.

Individual work


Service design #

Rabbits In Rdam is a social network system among the outdoor city environment. The concept is developed around two aspects: catching the attention and personal involvement. Inflatable origami rabbits, made of waterproof paper, are used as sings to mark spots in the city by hanging them outside the chosen place. A colour code identified a category to which a marked place belongs.

Product # Interaction # RabbitsInRotterdam


RabbitsInRotterdam # Interaction # Product

# UX # Service design

1

5

3

6

7

Explorations & storyboard 1 Investigation of the characteristics and hidden need of Rotterdam’s workers (target group) 2-4 Concept explorations 5-12 Storyboard interactions

9

2 11

4

10


Service design # UX#

13

14

Product # Interaction # RabbitsInRotterdam

17

Join the community!

Find new friends and discover the city! HOW DOES IT WORK?

1

2

BLOW IT

Final product 13-14 Front and back of the guerrilla flyer/poster

HANG IT ON YOUR FAVOURITE PLACE Are you bored to go out always in the same places, eat in the same restaurants and meet the same people? Rotterdam is a big city! You can imagine how many possibilities it offers to you. RabbitsInRdam is a community that provides you a new and original way to discover new locations in the city.

18

15 Colour scheme of the city spots categories 16 Origami inflatable rabbit 17-18 Screenshots of the blog used to test the final design

Mockup blog for testing

ART&CULTURE

ENTERTAINMENT

SPORT

FOOD

15

ORIGAMI Waterproof paper

16


2010

The Voice of Objects An interactive installation for happiness targeted to ‘Alexandra Gaba’

‘Design for happiness’ concept for Kaap Belvedere, developed during the course of Design for Emotion and Subjective Well-Being at TU Delft.

2 members-teamwork Personal Contribution:

User study Concept ideation Prototyping


UX# Emotion design #

The project focuses on the character of Alexandra Gaba and aim to arouse her happiness. Objects gain the central role and represent the storytellers as if they were alive creatures. The installation, set in Kaap Belvedere, exposes hanged objects brought by the visitor regarding a topic, chosen by Alexandra. A central device allows to recognise the objects, listen a recorded story from the owner and also record additional comments by the person who is interacting with it.

Product # Interaction # The Voice of Objects


The Voice of Objects # Interaction # Product

1

# Emotion design # UX

3

4

Exploration analysis 1 Kaap Belvedere association in Rotterdam, exhibition venue 2 Alexandra Gaba, target-user 3-5 Extract from the moodboard booklet for targetuser emotional exploration

5

5

2


UX# Emotion design #

Product # Interaction # The Voice of Objects

8

I

II

Final concept & exhibition

7

9

COLLECTING by Keep Belvedere

III

RECORDING by Keep Belvedere

IV

LISTENING& RECORDING by visitors

6 Representation and storyboard of the interactive installation 7 -9 Pictures of the installation during the exhibition

CHOOSING by Alexandra

10


Thazamaski # Graphic

# Brand image # Logotype

1 Base di loutherion

Matrice di testina in terracotta

Pesi da telaio Mesagne

San Donaci

itinerari archeologici, naturalistici ed artistici; laboratori didattici; organizzazione di eventi culturali.

A I A

Z

THA

Z

Z

I

Z

A

I

Z A

C

Z

THA N E I O

Z

I A S S O

THA

THA

ASSOCIAZIONE CULTURALE THAZAMASKI

I

A

Z

N E I O

C

N E I O

A S S O

Z

C

A S S O A

Thazamaski

N E I O

N E I O

Z

A I

C

I

I

I

A S S O

C

C

Via Castello 216 - 72026 San Pancrazio Salentino (BR) phone: +39 334 14 60 059 e-mail: thazamaski@libero.it www.thazamaski.it

freelance work

I

Per le scuole, di ogni ordine e grado, saranno attivati laboratori su vari temi inerenti le attività artigianali al tempo dei Messapi e sul mestiere dell’archeologo..

«Non voglio rassegnarmi a considerare conclusa e travalicata quella civiltà nella quale il pensiero storicamente era il criterio più alto del comportamento umano, perché in un prevalere del mondo che avesse per modello la tecnica io vedo un enorme pericolo per la libertà razionale dell’umano pensare e dell’umano agire».

AM

X

ASSOCIAZIONE CULTURALE THAZAMASKI

AM

I

R. Bianchi Bandinelli, Introduzione all’archeologia, Bari 1975.

La visita al Parco prevede una parte introduttiva nella quale i visitatori potranno avvicinarsi, con l’ausilio di pannelli didattici, alla storia dell’antico abitato messapico.

AM

Via Castello 216 - 72026 San Pancrazio Salentino (BR) phone: +39 334 14 60 059 thazamaski@libero.it www.thazamaski.it P. IVA 02295160747 Via Castello 216 - 72026 San Pancrazio Salentino (BR) phone: +39 334 14 60 059 thazamaski@libero.it www.thazamaski.it Via Castello 216 - 72026 P. IVA 02295160747 San Pancrazio Salentino (BR) phone: +39 334 14 60 059 thazamaski@libero.it ASSOCIAZIONE CULTURALE www.thazamaski.it THAZAMASKI Via Castello 216 - 72026 P. IVA 02295160747 San Pancrazio Salentino (BR) phone: +39 334 14 60 059 thazamaski@libero.it ASSOCIAZIONE CULTURALE www.thazamaski.it P. IVA 02295160747 THAZAMASKI

AM

X

Castello 216 - 72026 Il Parco Archeologico Li castieḍḍi nasce Via con Per le scuole, di ogni ordine e grado, saranno San Pancrazio Salentino (BR) rendere fruibile al grande pubblico il +39 334 14 60 059 attivati laboratori su vari temi l’obiettivo inerenti le di attività phone: patrimonio archeologico, coniugando e-mail: ricercathazamaski@libero.it artigianali al tempo dei Messapi e sul mestiere scientifica e divulgazione dei risultati. dell’archeologo.. www.thazamaski.it

I

ASSOCIAZIONE CULTURALE THAZAMASKI

«Non voglio rassegnarmi a considerare conclusa e A Σ travalicata quella civiltà nella quale il pensiero M A storicamente era il criterio più alto del comportamento umano, perché in un prevalere del mondo che avesse per modello la tecnica io vedo un enorme pericolo per la libertà razionale dell’umano pensare e dell’umano agire».

E O N I Z

Nell’area retrostante gli ambienti sono state rinvenute due tombe a fossa terragna con inumato adulto in posizione rannicchiata e due fosse rivestite di lastroni con inumati infantili in posizione supina.

X

itinerari archeologici, naturalistici ed artistici; laboratori didattici; organizzazione di eventi culturali.

Le ricognizioni sistematiche e gli scavi archeologici 1991 sotto la direzione scientifica del prof. J.-G. Burgers della Libera Università di Amsterdam, hanno messo in luce un’ampia area periferica del vasto abitato messapico di età ellenistica.

Comune di San Pancrazio condotti nel sito Salentino sin dal

X

THA

Parco Archelogico « Li Castieḍḍi »

X

La visita al Parco prevede una parte introduttiva nella quale i visitatori potranno avvicinarsi, con l’ausilio di pannelli didattici, alla storia dell’antico abitato messapico.

I

Il Parco Archeologico Li castieḍḍi nasce con l’obiettivo di rendere fruibile al grande pubblico il patrimonio archeologico, coniugando ricerca scientifica e divulgazione dei risultati.

AM

X

Z

Corredo funerario

Il Parco Archeologico Li castieḍḍi, a circa 1.5 km dal centro abitato di San Pancrazio Salentino, inserito nel paesaggio rurale coltivato a vigneti e per molti tratti ancora inalterato, sorge intorno ai resti di un importante insediamento messapico che occupò, dall’VIII sec. a.C. fino al I sec. d.C., una superficie di L’Associazione circa Thazamaski impegnata in:in posizione dominante 45 ettari,èestendendosi rispetto al territorio circostante.

L’area messa in luce è interessata dalla presenza di un lungo asse viario sul quale si affacciano, su entrambi i lati, ambienti a pianta quadrata e rettangolare a carattere abitativo, con copertura di coppi e pavimenti in tufina pressata. E’ stato riconosciuto un edificio ad «U» aperto su un cortile centrale e dotato di magazzini per la conserva di derrate.

Z

LI CASTIEḌḌI

L’Associazione Thazamaski è impegnata in:

THA

Comune di San Pancrazio Salentino

Torre Lapillo

Corredo funerario

Il progetto del Parco Archeologico, realizzato per iniziativa dell’Amministrazione Comunale di San Pancrazio, in due fasi, rispettivamente nel 2007 (Salvaguardia, recupero e riqualificazione dell’area archeologica Li Castelli) e nel 2009 (Realizzazione di spazi attrezzati e servizi di accoglienza e ristoro per la fruizione e valorizzazione del Parco archeologico Li Castelli), nasce dall’esigenza di salvaguardare parte dell’insediamento dagli insistenti e distruttivi lavori agricoli e al fine di valorizzare e divulgare i risultati scientifici conseguiti con gli scavi.

N E I O

Guagnano

Parco Archelogico « Li Castieḍḍi »

S S O

Frammento di metopa

A S S O

Disco in terracotta

Manduria

C

LI CASTIEḌḌI SAN PANCRAZIO SALENTIN O

Le strutture rinvenute (la strada, la porta monumentale, gli edifici con annesse opere di canalizzazione, etc.) unitamente alla posizione strategica del luogo, di passaggio obbligato tra il mare e l’entroterra e al centro di numerosi altri importanti siti messapici (Manduria, Oria, Muro Tenente, Valesio, Porto Cesareo, etc.), consentono di ipotizzare un ruolo di grande importanza nell’organizzazione della civiltà messapica del Salento.

A S S O

Torre S. Susanna

ASSOCIAZIONE CULTURALE THAZAMASKI

R. Bianchi Bandinelli, Introduzione all’archeologia, Bari 1975.

Associazione Culturale Thazamaski Graphic identity for the Italian archeological association ‘Thazamaski’ (IT), March 2011 1 Portfolio preview

3

5

2 Logo design 3 Printed brochure 4 Printed business cards 5 Pins for students workshop

4

Company visual guide Website


Logotype # Brand image #

1

freelance work

Laboratiorio Donna Laboratiorio Donna Logotype for the Italian women association of San Pancrazio Salentino (IT), April 2012 1 Logo design 2 Letterhead 3 Printed shopping bags

Associazione Laboratorio Donna Cell. 331.1264298 San Pancrazio Salentino (Br) C.F. 91060610747

2

Graphic # Thazamaski

3


# Graphic

# Illustrations # Photography # Typogrphy

1

freelance work

Typography &photography 1 Pari opportunità: dalle

parole ai fatti

Pubic speeches and open debate regarding the equal opportunities between men and women in the Ialian politics Comune di San Pancrazio Salentino (IT), July 2012 2 L’essenzaile è invisibile

agli occhi

Photography exhibition about the hidden meaning of being a woman. Comune di San Pancrazio Salentino (IT), August 2011

2


Typogrphy # Photography # Illustrations #

3

Graphic #

AM

X

I

A

E O N Z I

THA

I

Z

ASSOCIAZIONE THAZAMASKI

A S S O

C

Associazione Ippica Sanpancraziese La Staffa

in collaborazione con

Associazione Sport Equestri

organizza

MANIFESTAZIONE IPPICA A LI CASTIEDDI

freelance work

Illustrations &typography questo mare

PLM

3 E il naufragar m’è dolce in Photography exhibition poster about Italian fishermen. Comune di Porto Cesareo (IT), August 2011 4 Manifestazione ippica a Li

Castieddi

Equestrian show at the archeological natural park of Li castieddi. Comune di San Pancrazio Salentino (IT), October 2011

1 OTTOBRE 2011

ore 15.00

presso il Parco archeologico Li castieddi 15 CAVALIERI SI CONFRONTERANNO IN UNA GIOSTRA EQUESTRE PIENA DI PROVE DI ABILITA. Nel corso della manifestazione interverrà lo psicologo

Francesco Gravili

che illustrerà i benefici dell’ippoterapia e Pet therapy.

con il patrocino del Comune di San Pnacrazio Salentino

4


Write me soon plm.fontana@gmail.com


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.