Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf ·...

39
POR TFO LIO Vanessa Mathias [email protected] vanessa-Mathias.com +44 (0) 7501 424 518

Transcript of Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf ·...

Page 1: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

P o rT f ol i o

Vanessa Mathias

[email protected]

vanessa-Mathias.com+44 (0) 7501 424 518

Page 2: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

Since few years I’m focusing on Art direction and Design with a real interest in digital solutions and innovative concept to follow our new technologies.

The different areas of my work include branding identity, print media, web design, interface design, UX/UI design and SEO.

I bring artistic and technical understanding to meet the demands of each project and hope to be considered for an opportunity to work with a talented team in innovative projects.

As a full time Creative UX/Ui Designer and a freelance Art Director, i worked on various Print & digital projects.

inTroDUCTionAbout

By Vanessa Mathias

My experience was initially involved with photography that led into design production which focused on Print & UX/UI Web design. The diverse experience I can draw upon allows me to have a broad artistic and technical understanding that can meet the client’s brief.

My training as artistic director and the work I have done in the last 5 years, in collaboration with web developers, allows me to be aware and understand the technical constraints related to the web and talk the same language.

This experience has allowed me to deliver high quality work for projects with quick turnarounds, such as ‘Scolinfo’ (web application), ‘Osteopata Tarifa’ (branding identity), ‘Emile Léon’ (E-commerce website) and most recently, ‘Freeride Tarifa’ (branding identity, wordpress website and marketing strategy).

The ‘Scolinfo’ web application project was created in collaboration with the project manager to build an application that linked the school, the students and their parents.

The education process was digitised to better enable a dynamic use of students time. More than 30 screens were realised for desktop and 10 for smartphone. The exchange of ideas on functionality and ergonomics with the project leader, realised over several stages, has allowed us to confirm our choices through the end user experience.

My design proposal was approved by 10 users clients. This was a very rewarding project that allowed me to gain confidence in art direction and assert my skills in UX/UI design.

I have a good understanding of what it takes to set up and project manage e-commerce websites, such as the work I have completed with ‘Emile Léon’. It was important to approach my work for Emile Léon with an openness to their needs as it related to digital implementation.

My experience in print design especially at Ynov has given me a keen eye for detail, which has helped me throughout my career as a Creative Designer and Digital Designer.

I am on point with current styles and I am able to respond to any brand, bringing forward the best approach to give them what they need. I dedicate my energy and knowledge to bring more to the client, always practicing, learning and challenging my personal approach.

Page 3: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

ConTenT

no 01 no 07 no 10no 04

no 02 no 08no 05

no 03 no 09no 06

p. 6 p. 48 p. 74p. 24

p. 14 p. 60p. 32

p. 20 p. 64p. 38

YnovPrint & web design

ScolinfoWeb Application(Multi Device)

StoryboardScenario

ingésupBrochure Print & web design Marketing campaign

inoW formationsRebrandingGraphic charterWebsite

Marketing campaignResponsive Emailing(mobile fisrt)

CfABrandingIdentity

osteópata Tarifa Branding Identity

Émile léon ResponsiveE-commerceWebsite

lim’Art AdvertisingPrint DesignDigital Design

BY VAnESSA MAThIAS

Art Direction

Web APPsGraphic Design

UX Design

Web Design

Branding Identity

Page 4: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

76

Ynov

no 01

Design of all communication media; internal and external, print & web.

Promotional documents: flyers, leaflet, press kit

Corporate documents: Business card, paper-head, note card, E-mail signature, stationery

Advertising on magazine

Signage, pictograms

BY VAnESSA MAThIAS

EvolutionGuidelines

Campussignage

Design,Iconography

Multi DevicePrint mediums

Page 5: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

98

no 01

Advertising

flyers

leaflet

YnOV

Page 6: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

1110

no 01

Pictograms

YnOV

Page 7: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

1312

no 01

YnOV

Signage

Page 8: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

1514

inoW forMATionS

no 02

inoW expanding its field of activity by providing training in company. InOW has had a complete makeover, furthered by taking some new artistic direction including the new logo, by the addition of the word «Formations» and using flat design.

The logo was refreshed, and the brand symbol was re-created to look more modern and more stylized

Corporate identity guidelines

Website functionality and ergonomics

Iconographic personality

BY VAnESSA MAThIAS

Re-BrandingGuideline

WireframeFlat Design, Ux,

IconographyMulti Device

15

Page 9: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

1716

no 02

InOW FORMATIOnS

Branding identity

Page 10: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

1918

no 02

InOW FORMATIOnS

Page 11: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

2120

oSTeoPATA TArifA

no 03

logo, brand and corporate identity for an Spanish osteopath to Tarifa.

Client pitch

Benchmark / Moodboard / Logotype / Colour trend

Create the graphic charter and use it on all communication supports

Conception of the visual identity that globalises the brand and that makes it easily recognizable

Iconographic trend

Realization of communication supports

Web site : using wordpress theme, in progress

BY VAnESSA MAThIAS

Display cabinet

BenchmarkKey Insights

Moodboard3 logotypes

DesignIconography

Multi DevicePrint mediums

Page 12: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

2322

no 03

OSTEOPATA TARIFA

logotype

Branding identity

+ =

Page 13: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

2524

ingÉSUP

no 04

ingésup,Ynov’s brand. i realise all supports for communication media.

Art Direction of the photo-shoot

The grip design

Trade Show booth

Brochure

Flyers

Website,

Emailing etc.

BY VAnESSA MAThIAS

Before re-BrAnDing SePT 2014

Brochure

EvolutionGuideline

Prod& Art Director

DesignRetouch Pics

Multi DevicePrint mediums

Page 14: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

2726

ingÉSUP

BY VAnESSA MAThIAS

AfTer re-BrAnDing AUgUST 2015

no 04.1

re-branding; to have a brand more consistent with the geek world of computer training.

Trade show booth for the new commercial periode with the new charter

Flyers

Marketing campaign desktop and mobile

Art Director on the Photo Shoot

Brochure

Trade show booth

Brand development & positioning

DesignPhoto shoot

TargetAnalitics

Multi DevicePrint mediums

Page 15: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

2928

no 04.1

InGéSUP

Web interstitiel

2928

Page 16: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

3130

no 04.1

InGéSUP

Marketing campaign

Page 17: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

3332

CfA DU nUMÉriqUe

no 05

logotype design and realisation of guideline identity.

Logotype

Business card

Corporate identity guidelines

Stationary

Leaflet

BY VAnESSA MAThIAS

StationaryBenchmarkKey Insights

Moodboard3 logotypes

DesignGuidelines

Multi DevicePrint mediums

Page 18: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

3534

no 05

CFA DU nUMéRIqUE

logotype

Building

Color

Page 19: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

3736

no 05

CFA DU nUMéRIqUE

Business card PowerPoint

Page 20: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

3938

liM’ArT

no 06lim’Ar, Ynov’s brand. i realised all mediums.

Graphic visual for paper advertising

Tarde show booth

Flyers

Digital marketing campaign

Art Director on the Photo Shoot

BY VAnESSA MAThIAS

Paper advertising Brand development & positioning

DesignPhoto shoot

TargetAnalitics

Multi DevicePrint mediums

Page 21: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

4140

no 06

LIM’ART

Brochuresflyers

Page 22: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

4342

Trade show booth

LIM’ART

no 06

Page 23: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

4544

no 06

LIM’ART

Web interstitiel

4544

Page 24: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

no 06

LIM’ART

Marketing campaign

4746

Page 25: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

4948

SColinfo WeB APP

no 07

realisation of a web application for managing the exchanges between Parent-Teacher.

Client pitch

A user-friendly proposition and the creation of the graphical requirements

Functionality & Ergonomics adapted to smartphones

Specific illustration by pictogram

BY VAnESSA MAThIAS

BenchmarkMoodboard

WireframingPictograms

3 proposals UX Design

Multi DeviceWeb App

Desktop

49

Page 26: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

5150

no 07

SCOLInFO

Tablet

5150

Page 27: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

5352

no 07

SCOLInFO

i-Pad

53

Page 28: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

Mobile

5554

SCOLInFO

no 07

W i r ef r A M e

Page 29: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

5756

no 07

SCOLInFO

Color Palette

Mobile

5756

Page 30: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

5958

no 07

SCOLInFO

Category

Professeur

Administrateur

étudiant

Parent

Personnel

Surveillant

Page 31: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

6160

MArkeTing CAMPAign

no 08

Building, design of responsive emailing.

Tested and validated on key messaging software, webmail and smartphones (Outlook, Gmail, Yahoo, hotmail etc. Mac and PC )

One-to-One Targeting

Personification of the message

Think mobile first

Technology hTML5 / CSS3, Media queries

BY VAnESSA MAThIAS

TargetAnalitics

custommessage

UX DesignMulti DeviceMoble first

61

Page 32: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

6362

no 08

MARKETInG CAMPAIGn

62 63

Page 33: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

6564

ÉMile lÉon

no 09

luxury e-Commerce responsive website, & communication strategy.

Client pitch

Benchmark, wireframe and website design (structure and user functionality of the website, usability, Web Design)

Web guideline (color, typography, iconographic trend)

Some suggestions to have a better Website SE0

BY VAnESSA MAThIAS

BenchmarkMoodboard

AnaliticsE-Commerce

Web site

WireframeUX Design

Multi DeviceSEO content

65

Page 34: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

6766

no 09

éMILE LéOn, E-COMMERCE WEBSITE

Desktop

W i r ef r A M e

Page 35: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

6968

no 09

éMILE LéOn, E-COMMERCE WEBSITE

Desktop purshase

W i r ef r A M e

6968

Page 36: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

7170

no 09

éMILE LéOn, E-COMMERCE WEBSITE

Multi device

Page 37: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

7372 7372

no 09

éMILE LéOn, E-COMMERCE WEBSITE

Page 38: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

7574

Déposez une o�reDéposez une o�re

Vous voici arrivé !!

Merci !

Personnes disponibles

Polis, ponctueltrès aimable

Sympathiqueagréable

Note:

Note:

Locomotion:

Locomotion:

Sympathique réable

Locomotion:

15 15

Charlotte c’est cassé la jambe aux sport d’hiver... Elle travail de chez elle, maisMercredi elle a une réunion de travail très importante. Elle se demande comment y aller pour éviter le métro trop rempli.

Bernard faisant se trajet tous les jours et ayant un bon pro�l était ravie de pouvoir rendre service à Charlotte

Le trajet se passe très bien et Bernard n’hésite pas à dire à Charlotte sesdisponibilitées pour une prochaine fois.

Un trajet sans encombre où elle est à l’heure pour son rendez-vous de travail !

Charlotte s’est rapeler qu’un service d’entraide avait été mis en place par la Ville de Paris...

Elle se rend donc sur internet pour voir comment cela fonctionne et si unepersonne fait le même trajet qu’elle pour qu’on puisse l’emmener.

STorYBoArD

BY VAnESSA MAThIAS

500 5000 150 000 5 000 000 O

Service Design

We Are Digital

interaction, the digital in the urban space

9

10 12

Le téléphone sonne, la touche phone se met à clignotter.Vanessa n’est pas là.

La messagerie vocale se déclanche. La fin du film avec le BIP de la messagerie et le fondunoir pour laisser apparaître les crédits.

Message

Free 100%18:32

messages

Calendrier Horloge App Store

iTunes Skype Facebook Twitter

Phone Messagerie Mail Safari

20

60

5

8

20

42

Fin du fondu avec la fin de la phrase We are 360°, nous arrivons presque à 0 message.

Message

Free 100%18:32

messages

Calendrier Horloge App Store

iTunes Skype Facebook Twitter

Phone Messagerie Mail Safari

0

60

5

8

20

42

Message

Free 100%

19:00

Calendrier Horloge App Store

iTunes Skype Facebook Twitter

Phone Messagerie Mail Safari

60

5

8

20

42

Message

Free 100%

19:00

Calendrier Horloge App Store

iTunes Skype Facebook Twitter

Phone Messagerie Mail Safari

60

5

8

20

42

Plus de messages vocaux à écouter. Un Bip, Biple signale.

Vanessa sort du mode messagerie de son téléphone.Et laisse celui-ci pour vaquer à ses occupations.

Message

Free 100%

19:00

Calendrier Horloge App Store

iTunes Skype Facebook Twitter

Phone Messagerie Mail Safari

60

5

8

20

42

Message

Free 100%

19:00

Calendrier Horloge App Store

iTunes Skype Facebook Twitter

Phone Messagerie Mail Safari

60

5

8

20

42

BIP

WE ARE 360°

Forme les meilleurs de notre génération

8

11

Accéléré

7

We are digitalwe are networkwe are 360Laisser votre message !

1

Un l’I-phone messenger affiche 360 messages qui clignottent ainsi que des notifications.

Next

3

4 5

Message

Free 100%18:32

messages

Calendrier Horloge App Store

iTunes Skype Facebook Twitter

Phone Messagerie Mail Safari

360

25 10

Message

Free 100%18:32

messages

Calendrier Horloge App Store

iTunes Skype Facebook Twitter

Phone Messagerie Mail Safari

360

25 10

Message

Free 100%18:32

messages

Calendrier Horloge App Store

iTunes Skype Facebook Twitter

Phone Messagerie Mail Safari

359

30

5

15

Nous ne voyons que la main de Vanessa qui vientécouter ses messages

Blablabla

Tout en écoutant ses messages Vanessa reçois des notifications Facebook, twitter, mail et autres...

Accéléré

Message

Free 100%18:32

messages

Calendrier Horloge App Store

iTunes Skype Facebook Twitter

Phone Messagerie Mail Safari

354

40

10

30

Message

Free 100%18:32

messages

Calendrier Horloge App Store

iTunes Skype Facebook Twitter

Phone Messagerie Mail Safari

200

60

5

8

20

42

Message

Free 100%18:32

messages

Calendrier Horloge App Store

iTunes Skype Facebook Twitter

Phone Messagerie Mail Safari

100

60

5

8

20

42

Arrivé au 6ième message, le plan passe en accéléré jusqu’à tous les messages écoutés.

Un fondu noir ou opaque apparait et s’affiche laphrase We are Digital mot par mot... avec un accéléré

Le défilement des messages en accéléré continue pourarrivé à Zéro messages et le reste de la phrase également...

WE ARE DIGITAL WE ARE NETWORK

2

AccéléréAccéléré

6

Page 39: Por Tfo lio - vanessa-mathias.comvanessa-mathias.com/PDF/Portfolio/VanessaMathias_Book_2016.pdf · Por Tfo lio Vanessa Mathias mathias.vanessa.pro@gmail.com vanessa-Mathias.com +44

vanessa-mathias.com

MERCI