Portfolio barbara giardelli

BARBARA GIARDELLI VISUAL & UI DESIGNER

I have over 3 years of experience in web design, specialising in user interface design, visual design and Social Media strategiesconcepts. I have worked at one of Italy’s leading creative agencies for web apps with clients such as CondÊ Nast Digital, Wired, Antinori and Mediobanca.

As a self motivated, creative problem solver with a keen eye for detail I am a pixel addicted but also a true lover of well structured design.

+44 7450 839659 barbara.giardelli@gmail.com www.barbara.giardelli.com LinkedIn & CV 66 Eynham road w12 0ha, London

CLIENT

ABOUT

CONDÉ NAST

New Web Application for managing the subscription of a wide range of magazines (Vogue, Vanity Fair, Wired, GQ, etc.), reorganising the website to reflect the new format of the magazine: paper, digital and hybrid. Designed for all the mobile devices.

PROJECT

M A G A Z I N E S U B S C R I P T I O N W E B A P P L I C AT I O N [ I TA LY ]

worked at STUDIO KMZERO company, Florence www.abbonatiqui.it

CLIENT

TA S K

CONDÉ NAST

Participate in all phases of the Web App development life-cycle, including: functional definition, standard information architecture documentation, user interface design, graphic design, page layouts, colour palettes, typeface set, wireframes etc...

PROJECT

M A G A Z I N E S U B S C R I P T I O N W E B A P P L I C AT I O N [ I TA LY ]

worked at STUDIO KMZERO company, Florence www.abbonatiqui.it

CLIENT

ABOUT

W I R E D I TA L I A

Wired Wi-Fi is a free iPhone and Adroid application that allows users to locate various Wi-Fi hotspots around Italy, as well as to submit Wi-Fi locations they discovered. In the first 24 hours it was downloaded by 120,000 users.

PROJECT

W I R E D W I - F I I O S /A N D R O I D A P P [VERSION 1.0]

worked at STUDIO KMZERO company, Florence iOS / Android

CLIENT

TA S K

CONDÉ NAST

I Evolve the layout of the IOS version to make it fit on the wide range of devices that used the Android operating system.

Collaborate with creative directors in order to optimise the usability of the application and for devices with lower resolutions.

PROJECT

M A G A Z I N E S U B S C R I P T I O N W E B A P P L I C AT I O N [ I TA LY ]

worked at STUDIO KMZERO company, Florence iOS / Android

CLIENT

ABOUT

M U S I X M AT C H s . p . a

musiXmatch lyrics player is a mobile/tablet/desktop App. Number 1 Lyrics App in iTunes Store and Apple Editor’s Choice in 44 countries. World’s largest Lyrics Catalog with Synchronized Lyrics on time with the Music.

PROJECT

M U S I X M AT C H LY R I C S P L AY E R I O S A P P [VERSION 1.0]

worked at STUDIO KMZERO company, Florence www.musixmatch.com

CLIENT

TA S K

CONDÉ NAST

Design of the first iOS release for iPhone and iPad, User Interface design, wireframes, user flows, visual design, graphic design, color palettes, typography palettes, develop the company’s branding and visual identity, coordinate website, web advertising.

PROJECT

M A G A Z I N E S U B S C R I P T I O N W E B A P P L I C AT I O N [ I TA LY ]

worked at STUDIO KMZERO company, Florence www.musixmatch.com

CLIENT

ABOUT

ANTINORI

Fichimori App is a free iPhone/iPad application to promote the new Fichimori red wine. The App uses a social-media strategy that encourages user interaction: a weekly competition allows users to win prizes simply by taking photos of their favourite dishes.

PROJECT

FICHIMORI IOS APP [VERSION 1.0]

worked at STUDIO KMZERO company, Florence App review

CLIENT

MORE INFO

ANTINORI

Collaborate with directors defining social-strategy, appearance and functional specifications in order to define high level interaction of the users; Collaborate with the developer in all phases of the App development life-cycle.

PROJECT

FICHIMORI IOS APP [VERSION 1.0]

worked at STUDIO KMZERO company, Florence App review

CLIENT

ABOUT

GRUPPO MEDIOBANCA PROJECT

CheFuturo! is the new digital magazine created by Riccardo Luna as a playground for the best ideas on digital innovation.

CHE FUTURO! WEBSITE [ M O B I L E C O M PAT I B L E ]

Awarded “Best Blog of 2012” by “Il Sole 24 ore” magazine

worked at STUDIO KMZERO company, Florence www.chefuturo.it

CLIENT

TA S K

GRUPPO MEDIOBANCA

Develop service branding and visual identity; Design the web site’s overall visual appearance and prototype interaction flows, User interface design + Wireframe design and information architecture.

PROJECT

CHE FUTURO! WEBSITE [ M O B I L E C O M PAT I B L E ]

worked at STUDIO KMZERO company, Florence www.chefuturo.it

CLIENT

ABOUT

ANTINORI

Antinori is one of the biggest wine companies in the world and Santa Cristina is one of their famous wine. We have planned and developed two web contests; the aim was to involve web users through social networks, especially Facebook.

PROJECT

S A N TA C R I S T I N A S O C I A L M E D I A M A R K E T I N G [WEB CONTESTS]

worked at STUDIO KMZERO company, Florence www.santacristina.it

CLIENT

ABOUT

KME GROUP SPA

Scolling parallax website for KME, leader company in the worldwide copper production.

KME-Ecological Copper, is copper products for architecture and building that are made entirely from 100% recyclables.

PROJECT

KME ECO-COPPER WEBSITE [PARALLAX]

worked at STUDIO KMZERO company, Florence www.kmeecologicalcopper.com

CLIENT

ABOUT

V E S T H E S LU X U RY FA S H I O N

Scolling parallax website for VESTHES, a luxury fashion company based in Florence.

Traditional and contemporary elements are synthetized in each cration. The website focus on the value of this company.

PROJECT

VESTHES NEW WEBSITE [PARALLAX]

worked at STUDIO KMZERO company, Florence www.vesthes.com

CLIENT

TA S K

V E S T E S LU X U RY FA S H I O N

Develop service branding and visual identity; Design the web site’s overall visual appearance and prototype interaction flows, User interface design + Wireframe design and information architecture.

PROJECT

VESTES NEW WEBSITE [PARALLAX]

worked at STUDIO KMZERO company, Florence www.vesthes.com

CLIENT

ABOUT

M AYO R O F F LO R E N C E

Typobrainstorm is a graphic design event during the Florence Creativity Festival. Typography is the guideline of this festival: visual experimentation, workshops, conference, signage, printed advertising, video and interactive installations.

PROJECT

TYPOBRAINSTORM GRAPHIC DESIGN EVENT [FLORENCE FESTIVAL]

worked at STUDIO KMZERO company, Florence Typobrainstorm page

CLIENT

TA S K

M AYO R O F F LO R E N C E

Organizer and art director of the event. Visual design of the project (typography, font, branding etc..). Print and related product supervisor (signage, booklet, installations, etc..).

Curator of the Art exhibitions, workshop, and conference.

PROJECT

TYPOBRAINSTORM GRAPHIC DESIGN EVENT [FLORENCE FESTIVAL]

worked at STUDIO KMZERO company, Florence Typobrainstorm page

CLIENT

ABOUT

M AYO R O F F LO R E N C E

Typobrainstorm is a graphic design event during the Florence Creativity Festival. Typography is the guideline of this festival: visual experimentation, workshops, conference, signage, printed advertising, video and interactive installations.

PROJECT

TYPOBRAINSTORM GRAPHIC DESIGN EVENT [FLORENCE FESTIVAL]

worked at STUDIO KMZERO company, Florence Typobrainstorm page

CLIENT

TA S K

M AYO R O F F LO R E N C E

Organizer and art director of the event. Visual design of the project (typography, font, branding etc..). Print and related product supervisor (signage, booklet, installations, etc..).

Curator of the Art exhibitions, workshop, and conference.

PROJECT

TYPOBRAINSTORM GRAPHIC DESIGN EVENT [FLORENCE FESTIVAL]

worked at STUDIO KMZERO company, Florence Typobrainstorm page

CLIENT

ABOUT

IED - EUROPEAN INSTITUTE OF DESIGN

The visual language for the ambient design of IED Florence, tries to bridge renaissance compositional schemes with digital dynamic identities. Typography and Iconography are the main components of this visual system, thought to be applied to different media.

PROJECT

BRAND & AMBIENT DESIGN [FLORENCE BRANCH]

worked at STUDIO KMZERO company, Florence IED.com

CLIENT

TA S K

IED - EUROPEAN INSTITUTE OF DESIGN

Art director of the project and own direction for all design related work; Identity design (branding, coordinate image, color palette etc...); Signage, captions, wayfinding design and advertising campaigns strategy. Curator of the Art exhibition for the event.

PROJECT

BRAND & AMBIENT DESIGN [FLORENCE BRANCH]

worked at STUDIO KMZERO company, Florence IED.com

CLIENT

ABOUT

IED - EUROPEAN INSTITUTE OF DESIGN

The visual language for the ambient design of IED Florence, tries to bridge renaissance compositional schemes with digital dynamic identities. Typography and Iconography are the main components of this visual system, thought to be applied to different media.

PROJECT

BRAND & AMBIENT DESIGN [FLORENCE BRANCH]

worked at STUDIO KMZERO company, Florence IED.com

CLIENT

TA S K

IED - EUROPEAN INSTITUTE OF DESIGN

Art director of the project and own direction for all design related work; Identity design (branding, coordinate image, color palette etc...); Signage, captions, wayfinding design and advertising campaigns strategy. Curator of the Art exhibition for the event.

PROJECT

BRAND & AMBIENT DESIGN [FLORENCE BRANCH]

worked at STUDIO KMZERO company, Florence IED.com

CLIENT

ABOUT

IED - EUROPEAN INSTITUTE OF DESIGN

The visual language for the ambient design of IED Florence, tries to bridge renaissance compositional schemes with digital dynamic identities. Typography and Iconography are the main components of this visual system, thought to be applied to different media.

PROJECT

BRAND & AMBIENT DESIGN [FLORENCE BRANCH]

worked at STUDIO KMZERO company, Florence IED.com

CLIENT

TA S K

IED - EUROPEAN INSTITUTE OF DESIGN

Art director of the project and own direction for all design related work; Identity design (branding, coordinate image, color palette etc...); Signage, captions, wayfinding design and advertising campaigns strategy. Curator of the Art exhibition for the event.

PROJECT

BRAND & AMBIENT DESIGN [FLORENCE BRANCH]

worked at STUDIO KMZERO company, Florence IED.com

+44 7450 839659 barbara.giardelli@gmail.com www.barbara.giardelli.com LinkedIn & CV

Š 2013, BARBARA GIARDELLI