PORTFOLIOselectie

Jeroen Havinga

D E S I G N

txt

vectors

G R A F I S C H

B U R E A U

O N T W E R P

Free-hand drawings

3D CAD-software

Rhinoceros

SolidWorks

Maya

Visual Communication Design

GAMMA: internet browser & internet options

GAMMA: software packaging Pictoroofs for Google-Earth Poster Low Speed Line

Tools* Adobe Illustrator CS2* Adobe Photoshop CS2

Product1_ The design of the internet browser, internet options and the packaging should represent the corporate identity

of Gamma

2_ The pictoroofs are for Google Earth and therefore use of text and pictorial trademarks was forbidden.

3_ The poster should advertise the boat connection between Amsterdam and Paris

Assignment1_ Design a Gamma browser, internet options & packaging

2_ Design 2 distinct different pictograms for Albert Heijn and Aldi to be used in Google Earth

3_ Design an A0 advertising poster for the Low Speed Line

Usability Testing and Redesign

Redesigned product

Prototype interface Initial product Usability test setup redesign

Tools* Adobe Illustrator CS2* Adobe Photoshop CS2

* Macromedia Director MX2004

AssignmentIn this research-oriented project the emphasis is on practising the application of methods, techniques and tools for simulating and evaluating user-product interaction as well as for prototyping a product redesign. For this purpose, a Body Analyzer is redesigned and optimized from an

integrated ergonomics and aesthetics perspective.

ProductIn the redesign, the structure of the data input was changed into a menu system, in order to be able to have more functions (such as deleting and editing the data of an user). Focus was also put on making the body analyzer conveying a positive feeling to the user. Mainly, this was made by presenting information with the help of (partly) untraditional colors. A major feature in the redesign was also the use of feedback by means of light beams covering the complete plate that the user stands on. This was added to convey a feeling of that the body analyzer possess some intelligence, in order to boost its trustworthiness, and also as

part of a more positive approach of presenting information.

Moreover, a prototype of the design proposal was made. This prototype used a 17 inch touch screen to simulate the new interface of the body analyzer. A complete set-up for testing this redesign on prospective end-users was also proposed. The aim of this research would be to test whether the redesign fulfilled the design requirements concerning data input, understanding of symbols and values, trustworthiness,

consistency, and positive emotions.

Interactive Technology Design

Screenshot GoBike

Screenshot options menu Screenshot selection menu Usability test prototype

AssignmentThis assignment is to provide in-depth theoretical and practical interaction design knowledge to help future products based on user-product social interaction. It gains an understanding of how knowledge can be embedded in a product and how the user can communicate his or her intentions in an expressive way while building up a sense of trust. Product design theory focuses particularly on how to create and maintain a sense of resonance or user willingness

to engage.

Tools* Adobe Illustrator CS2* Adobe Photoshop CS2

* Macromedia Director MX2004MAX/MSP v 4.6

ProductThe GoBike, a concept for an interactive intelligent fitness bike trainer for use at home. This intelligent fitness bike trainer is targeted at users between 25 and 50 years old. This group has the problem that it is hard for them to keep motivating themselves to keep on exercising on the fitness bike and to reach and maintain the goals they had set for themselves. Research was performed on how this motivation aspect could be enlarged enough to solve this problem. With these design conditions in mind, a product concept was made. The result is an interactive intelligent fitness bike, which enables the user to ride anywhere in Google Earth, while his heart rate, speed, average speed and burned calories are monitored. During the trip the user can tap on bypassing points of interest and get more information

about the surroundings.

Design of Products in Healthcare

Presentation CommunicAid

Overview tabs Tab emotions3D view

Tools* Adobe Illustrator CS2* Adobe Photoshop CS2

* SolidWorks 2007

AssignmentDesign a product that enhances the communication between the intensive care nurse and the patient. Investigate the communication process from the nurses’ perspective and the patients’ perspective and design a non-digital product that

solves the encountered problems.

ProductThe final concept makes use of a tab system. The tabs are a way of organizing various essential words and terms that are relevant to the patient and nurse interaction. The tabs are circular in shape and can be pulled out of the casing

individually. The ring around the center is a semitransparent part of plastic resin. On this ring various circles are positioned. These circles are almost fully transparent and are printed with an icon. Each circle indicates a different tab, where a particular word or term is found. The reason for the different levels of transparency in the tabs is because they will be operated by a penlight. The nurse will show the tab to the patient and move her penlight in a circular motion along the track of the semitransparent ring. The patient can indicate by blinking with his/her eyes if the nurse is at the right tab. The semitransparent ring makes it possible to determine the current position of the light pen, this way the patient can anticipate at what circle the light will be next.

Inclusive Design

Tools

Product

Assignment

Presentation BlocNote

Dimensions Parts BlocNote “on”

* 3D Studio Max v 8.0* Adobe Illustrator CS2* Adobe Photoshop CS2

Design a communication device in which are as little persons excluded. Take interviews with the target group to get to know their needs an wishes. Target group consists of elderly

persons (65+).

* Every side represents one person or a group of persons* Focus on receiving: pictures, text, voicemail, movies, etc

* Intuitive controlling, no buttons* All written messages will be spoken and vice versa

* Incoming message: side lights up. Open by holding hand on it.

* Keeps all messages and displays them => eye-catcher* Scrolling through messages: slide from left to right

* Enlarge an image: move Blocnote towards you* Shuffle Blocnote for random display of messages

Exploring Interactions

AssignmentIn this project a current interaction in a specific situation is analyzed, starting points for innovative design are generated, and new design

concepts for interactions are developed.The chosen situation is (romantic) speeddating.

No match SoulBead Side view

Presentation HeartBeads

Tools* 3D Studio Max v9.0

* Adobe Illustrator CS2* Adobe Photoshop CS2

* Macromedia Director MX2004

ProductThe HeartBeads concept uses a questionnaire which is send when a participant has applied to a speeddate. This questionnaire consists of

trivia that is similar to MySpace or Hyves-pages. This trivia is stored on a Soulbead which is handed out at the evening of the speeddate. When one sits at the table both put in their SoulBead in the bowl, which will activate the system. All the white beads in the bowl will become randomly blue, red or green. Red is a “dislike” of one of the two, green is a “like” and blue means a mutual “like” or “dislike”. By pushing one of the colored beads in the bowl, the Soulbead

will project the “like” or “dislike” and the corresponding color.To indicate the time left (a speeddate lasts 3 minutes at a time), the colored beads will slowly from outside in become white again till they

are all switched off.At the end of the speeddate evening, the SoulBeads with all the

stored color profiles are handed in. The matchmail, that is send a few days later, will show the matches (a mutual yes filled in during the speeddate) and the unique color profile,

so one has a starting point for further contact.

PORTFOLIOCorporate IdentityLogodesignHuisstijl

PromotiesEvenementenArtikelen

Webdesign

2008selectie

Full-Color

LOGOKleurenKapitaalEen meerjarenprogramma, op initiatief van het IVN Consulentschap Zuid-Holland, in samenwerking met de Provincie Zuid-Holland. Het is een gezamenlijk project van 16 allochtone- en autochtone maatschappelijke organisaties en overheden op lokaal, provinciaal en landelijk niveau.http://www.kleurenkapitaal.nl

Duo-Tone

LOGOSYMA Dieselservice DelftEen professioneel monteur met veel kennis en vakmanschap die een unieke mobiele service aanbiedt; flexibel onderhoud aan voertuigen in de regio, voor technische hulp onderweg. “Don’t panic, call the mechanic!”http://www.symadsd.nl

CORPORATE IDENTITY LOGODESIGN

Zwart-wit

LOGOEWI - Energie Water & industriePlatform voor studenten, docenten en bedrijven, opgericht vanuit de Faculteit Technische Bestuurskunde van de TU Delft, om zich sterk te maken voor duurzaamheid via de thema’s Energie, Water en Industrie.

Diverse logos voor diverse vormen van bedrijvigheid

Dolessit lor ipisl ip ex et wis et adignim vullametum

elis nisse con ex eugue feugiam vullaore eliquamcommy nos nis nulla consenim iliquisse dolesto odolenisim ent vel incinis nibh et, quametuer am il ute vulputpat. Idunt exercil iquam, quam ing et wisi.

Obore consequis exeraessed dolor in ut dolorpe vrcinibh

AGNIVAH

CORPORATE IDENTITY REPRESENTATIE Uw huisstijl IS uw visitekaartje

HUISSTIJLEIM&CInterim Management & Coonsultancy

ZAKELIJKE REPRESENTATIEAgnivahEen Business Demand Specialist welke op directie-niveau grote bedrijven benadert, om bij te staan op het grensgebied tussen vraag en aanbod.http://agnivah.nl

‘DESIGN&PRINT’Junction Gis AdviesAnd web-development

Logo

Visitekaartje

Powerpoint presentatie

Brainstormsessie Bedrijfsnaam

Huisstijl

Briefpapier A4

Visitekaartje

Flyer A6

PROMOTION-LINECapoeira LiberdadeDelft

PROMOTIES EVENEMENTEN

PRODUCT-LINETU DelftSport & Cultuur

Entreeticket

SINGLE PROMOTIONKlankangstExperimentele sounds

Hedendaagse stijl

Folder

Poster A1

Poster A2

Poster A3

DIVERS PROMOTIEMATERIAALHARK“Nederlandstalige Pretpop met een Bite”

Flyer

BUSINESS-TO-BUSINESSGORIS DelftComputers, discomaterialen & Electronica

PROMOTIES DIVERS DRUKWERK Variatie Promotie-Artikelen

Booklet

PRESENTATIE & INFORMATIETU Delft, ArchitectoniekFaculteit Bouwkunde

T-shirts

Vlag

Frisbees

SAMENWERKINGSVERBANDProgrammeerder

JUNCTION - Gis adviesTer ondersteuning van programmering en technisch advies werkt JADESIGN nauw samen met freelance programmeerders. Voor meer informatie en (CV-)gegevens van een van onze contactpersonen verwijzen wij u door naar:http://www.junctiongis.nl

WEBDESIGN & PROGRAMMERING Ontwerp in samenwerking met programmeur

Self-management Website

CUSTOM-MADEHARK“Nederlandstalige Pretpop met een Bite”

Self-management Website

MULTI-PAGESBiercafe Doerak“Bruin Cafe”

www.harkdeband.nl

Binnenkort online

Screenshot website

Screenshot website

D E S I G N

txt

vectors

G R A F I S C H

B U R E A U

O N T W E R P

Jeroen Havinga

+31(0)6-28764444

Jeroen.Havinga@gmail.com