Book DA Senior Digital

60
Caroline Melerski Directrice artistique Senior Digital Diplôme en Médias visuels, université du Bauhaus Weimar PORT FOLIO

description

Caroline Melerski 06 77 12 58 02 - caroline.melerski (at) gmail.com J'ai travaillé 5 ans en agence où j'ai eu la chance de m'immerger dans l'univers des marques de luxe et des marques Premium, qui m'inspirent beaucoup et que je connais très bien. Mon savoir faire : capter très vite la demande du client et apporter une réponse créative innovante tout en respectant l'ADN de la marque. Je sais aussi appliquer cette approche pour la conception de stratégies Internet dans des secteurs différents. Mes domaines d'expertises : la publicité digitale, le hors média, le print, la création d'un univers original aux livrables pour une mise en production. Mon expérience : Dior, Céline, Guerlain, Chanel, Comité Vendôme, LCL, Nespresso... Depuis un an j'ai fait le choix de collaborer au sein d'une équipe tout en préservant mon indépendance en tant que Directrice Artistique freelance senior.

Transcript of Book DA Senior Digital

Page 1: Book DA Senior Digital

Caroline MelerskiDirectrice artistique Senior DigitalDiplôme en Médias visuels, université du Bauhaus Weimar

PortFOLIO

Page 2: Book DA Senior Digital

ExpérienceDirectrice artistique WebDepuis 2011 Freelance Da Web/print, parisWebdesign, Plaquettes institutionnelles, Identité visuelle, Communication visuelle, Conception d’animation

2007−2011 penny lane, parisGraphisme, Plaquettes institutionnelles, Identité visuelle, Web, Conception d’animation, signalétique d’espaces publiques

2005−2007 Kult, parisGraphisme, Edition, Charte graphique, Identité visuelle, Web, Conception d’animation

réFérences

Dior - Guerlain - Chanel - Céline - Andrew Gn - L. Raphaël - Givenchy - Clinique - Lachaume

Make up Forever - Comité Vendôme - Nespresso - Sucrettes - La tête en Cube

Edmond de Rothschild Asset Management - AXA - LCL - Audiens - TOTAL

St. Gobain - EUROCOM - Passage du Havre - MEDIA Smart - Alice Événement

Page 3: Book DA Senior Digital

CurriculumVitae

Nom Melerski

Prénom Caroline

Nationalité allemande

Date de naissance 28 avril 1980

Formation universitaire 10/1999 – 09/2006 Faculté Médias, Université de Bauhaus Weimar, Allemagne

Diplôme en Médias (spécialité Communication visuelle)

Mention : Très bien avec félicitations du jury

10/2004 – 07/2005 Ecole des Beaux-Arts supérieure, Toulouse, France — Option : communication

Stages04/2003 – 10/2003 Lunatic interactiv, Berlin, Allemagne — Agence de graphisme et de design d’interface

09/2002 – 04/2003 Salz, Berlin, Allemange — Agence de graphisme

2000 – 2006 Goldene Zwanziger, Iéna, Allemagne — Agence publicitaire, Freelance

10/1998 Sächsische Zeitung, journal quotidien, Görlitz, Allemagne — Rédaction

Page 4: Book DA Senior Digital

Compétences Environnement SupportsLogiciel Environnement MAC | PCPhotoshop, InDesign, Quark x-press, Illustrator, FreeHand

Supports Web Sites institutionnels, sites vitrine, sites événementiels — Applications iPhone, iPad

Supports PrintPlaquettes institutionnelles, Leaflets, Magazines, Rapports annuels, Livres...

IntérêtsThéâtre, participation à un cours de théâtre et ses spectacles

Histoire de l’art, littérature

Mode, Design, Graphisme

Cinéma international

Photographie

PrixGagnante du concours « Affiche Polonaise », de la ville de Toulouse

En coopération avec l’Ecole des Beaux-Arts Toulouse, 2005

Page 5: Book DA Senior Digital

Dior SnowPenny Lane 2009

Site événementiel, flash

DA

Conception et création de l’univers graphique (effet de neige et de glace, pop-ups, boutons). Structure des pages, navigation. Photoshop

Page 6: Book DA Senior Digital

Dior Snow

Le site propose à côté d’une naviga-tion classique en horizontal une navigation intuitive. En cliquant, les produits soulèvent de la neige, qui descend ensuite doucement à côté des flacons.

C’est un site événementiel à l’occasion du lancement de la gamme Dior Snow, intégré dans dior.com et accompagné par des experts de Dior Beauté internationaux, qui répondent aux questions des internautes directement sur le site. Les questions et réponses sont y publiées ainsi que les témoignages de la clientèle.

Page 7: Book DA Senior Digital

Dior Fahrenheit et Fahrenheit 32Penny Lane 2008

Site événementiel, flash

DA

Conception et création d’univers graphiques pour les gammes Fahrenheit et Fahrenheit 32 et d’un concours photo.Structure des pages, navigation. Photoshop.

Page 8: Book DA Senior Digital

Conception d’un ciel animé, trempé dans les couleurs des deux univers des parfums. Navigation intuitive pour la partie gamme.Invitation à se balader et à visualiser les photos du concours dans les galeries tridimensionnelles et à publier ses propres photos selon les deux univers de Fahrenheit ou Fahrenheit 32.

Dior Fahrenheit et Fahrenheit 32

Page 9: Book DA Senior Digital

Dior Fahrenheit et Fahrenheit 32

Page 10: Book DA Senior Digital

Consultation ParfumDiordior.com

Penny Lane 2010, flash

DA

Création d’un espace original pour la consultation Parfum, intégré dans le site dior.com. Composition, effet de lumière, mise en page, choix de couleur. Photoshop

L’ internaute répond à un question-naire en traversant un univers fleuri à la base des ingrédients des parfums de Dior. Chaque univers est unique, composé à partir de deux mots opposés, entre lesquels l’internaute doit choisir.

Page 11: Book DA Senior Digital

Consultation ParfumDior

Page 12: Book DA Senior Digital

Dior CannesPenny Lane de 2006 - 2010,

Site événementiel, flash

DA

Conception et création d’un univers graphique à l’occasion du festival de Cannes. Structure des pages, navigation. Photoshop

Création d’un site simple d’accès, qui met à disposition les photos et les crédits journaliers des invités du festival et les dernières nouveautés de la maison Dior.

Page 13: Book DA Senior Digital

Dior New LookPenny Lane 2007, 2008

Mini Site, flash

DA

Conception et création d’univers différents et originaux et de ses éléments graphique adaptés.Structure des pages, navigation.Photoshop, Illustrator

Le New Look fut le nom des premières collections de Christian Dior des années 40. Aujourd’hui c’est le titre d’un nouveau produit phare de Dior Beauté avec une gamme de maquillage dédiée.Ce produit phare est toujours inspiré par une collection précédente ou un élément clé de la Maison Dior.

Page 14: Book DA Senior Digital

Dior New Look

Page 15: Book DA Senior Digital

Collection Poison de DiorPenny Lane 2008

Animation

DA

Conception d’un storyboard pour l’animation de la collection Poison. Livraison de plusieurs étapes bien précises pour faciliter l’animation après. Photoshop.

Page 16: Book DA Senior Digital

Dior PushmailsPenny Lane 2009 - 2011

Séléction des pushmails pour

Dior Beauté et Dior Couture

html

DA

Conception d’univers et de mises en page originaux et créatifs pour chaque nouveau pushmail selon son thème (été, nouvel an, fleuri et pur, couture, une couleur etc.).Création de nouveaux éléments graphiques (l’escalier, des paillettes, du sable, des moulures dans la façon de la Maison Dior) et intégration créative des éléments livrés par Dior. Photoshop, Illustrator.

Page 17: Book DA Senior Digital

Dior Pushmails

Page 18: Book DA Senior Digital

Dior Pushmails

Page 19: Book DA Senior Digital

Dior Pushmails

Page 20: Book DA Senior Digital
Page 21: Book DA Senior Digital

Guerlain.frPenny Lane 2009

Site institutionnel

de la Maison Guerlain

html

www.guerlain.fr

DA

Conception et création du nouvel univers numériquepour la Maison Guerlain. Photoshop, Illustrator.

Page 22: Book DA Senior Digital

Guerlain.fr

DA

Création d’une navigation intelligente avec l’accès facile au contenu, partant d’un nombre de zonings limités. Construction des zonings pour l’intégralité du site avec une mise en pages flexible qui s’adapte au maximum de contenus divers : home, minihome, gamme, fiche produit, patrimoine/maison Guerlain etc. recherche et placement des éléments majeurs.

Page 23: Book DA Senior Digital

Guerlain Light for iPADPenny Lane 2011

html

DA

L’adaptation du site Guerlain.com pour l’iPAD invite l’internaute à découvrir l’univers de Guerlain par des 2-, 3- ou 4-volets, qui se caractérisent par une transition immédiate d’un glissement horizontal. Photoshop.

Les créations des univers sont plus libres et moins institutionnelles que celles de guerlain.com. Chaque univers est une création originale.

Page 24: Book DA Senior Digital

Orchidée ImpérialePenny Lane 2010 /11

Site événementiel, flash

www.orchideeimperiale.com

DA

Conception et création d’un site événementiel pour la gamme précieuse d’orchidée Impériale de Guerlain. Ce site présente non seulement les produits de soin mais aussi la recherche dédiée à l’orchidée. Photoshop.

Page 25: Book DA Senior Digital

Orchidée Impériale

Page 26: Book DA Senior Digital

Guerlain PushmailsPenny Lane 2011

Séléction des pushmails,

html

DA

Conception et création d’une mise en page générique du pushmail international de Guerlain. Photoshop.

Comprenant trois parties : l’en-tête avec un produit phare, le corps pour les nouveautés et le pied de page pour des événements concernants la maison Guerlain.

Page 27: Book DA Senior Digital

Chanel BeautéPenny Lane 2009

Dossiers de presse numériques

flash

DA

réalisation des dossiers de presse en ligne dans le respect de leurs chartes graphiques print, Structure des pages, navigationPhotoshop.

Page 28: Book DA Senior Digital

Chanel Beauté

Page 29: Book DA Senior Digital

celine.frPenny Lane 2009

Site institutionnel, html

DA

Zoning, univers, mise en page et naviagtion du site. Photoshop

En 2009 Céline a rénové son identité de fond en comble. La nouvelle image assure par un minimalisme pur, géométrique et un amour du détail - aussi caractéristique pour les collections de la maison. Son site internet est également conforme à cet univers. Il se définit par une pureté qui donne de la place à l’image. Chaque mot, chaque couleur et chaque espace blanc ont leur raison d’être.

www.celine.fr

Page 30: Book DA Senior Digital

Céline meets MikaPenny Lane 2007

Site événementiel, flash

DA

Zoning, mise en page, création et navigation du site. Photoshop

Site internet à l’occasion d’une collaboration entre l’artiste japonaise Mika Ninagawa et Céline. L’ancienne directrice de Céline, Ivana Viplana, a crée une ligne de prêt-à-porter et d’accessoires d’après une série de photos de fleurs de Mika. Céline souhaitait une création originale, qui se distingue de l’image générale de la maison.

Page 31: Book DA Senior Digital

Céline meets Mika

En cliquant sur les liens de naviga-tion, les pages se décomposent et recomposent en petits carrés sur une grille et dévoilent une image de la collection ou du défilé en full page dans l’arrière-plan. tous les éléments du site, les galeries, les aplats de texte, les photos sont verrouillés dans les coins de la grille.

Page 32: Book DA Senior Digital
Page 33: Book DA Senior Digital

andrewgn.comPenny Lane 2010

Site institutionnel, flash

DA

Création d’un univers, mise en pages et navigation pour le site du créateur Andrew Gn. Photoshop.

L’enjeu était de créer un site vitrine qui s’adapte à toutes les tailles d’écran. Le site calcule seul ses dimensions, rajoute ou enléve des colonnes de textes, redimensionne toutes les photos en horizontal et vertical, reste toujours en full screen.

www.andrewgn.com

Page 34: Book DA Senior Digital

andrewgn.com

Page 35: Book DA Senior Digital

CliniquePenny Lane 2009

Newsletter, html

DA

Création d’une newsletter interne, structure des pages, navigation, icônes. Photoshop, Illustrator

Page 36: Book DA Senior Digital

Clinique

Pr / Media

Education /Physician Service

Marketing /trade Marketing Key Dates

People / Who is Who

Page 37: Book DA Senior Digital

GivenchyPenny Lane 2007

Carte de vœux numérique

html

DA

réalisation d’une version numérique de la carte de vœux. Photoshop

Page 38: Book DA Senior Digital

Make Up For Ever HDPenny Lane 2008

Site événementiel, flash

DA

Conception et création d’un site techno dans le respect de la charte de la gamme et d’une exigence professionnelle. Mise en page, navigation. Photoshop.

Make Up For Ever est une marque notamment connue pour l’usage de ses produits en back-stage d’un défilé ou aux productions événe-mentiels du théâtre, du cinéma etc. MUFE était conçu pour une cible professionnelle et con-quiert aujourd’hui aussi les particuliers. MUFE propose la même qualité à cette clientèle. Ce site souligne encore ce côté “backstage” avec son fond noir, une mise en pages épurée pour mettre les produits et leurs qualités en valeur avec une navigation fonctionnelle.

Page 39: Book DA Senior Digital

Make Up For EverPenny Lane 2008

Maquette du site institutionnel

html

DA

Conception d’un site institutionnel pour la marque Make Up For Ever. Mise en page, navigation. Photoshop.

Ce site avait pour but le nouveau classement de la marque et donc ses produits. MUFE est connu pour ses gammes backstage. Ce site devait répondre aux besoins d’une cible particulière et au positionnement de MUFE à côté des marques précieuses en gardant son univers événementiel. Le site laisse de la place aux grands visuels très colorés et les tranche avec un fond noir “very V.I.P.”Les pages produits sont d’une navigation intuitive avec un accès facile au panier.

Page 40: Book DA Senior Digital
Page 41: Book DA Senior Digital
Page 42: Book DA Senior Digital

Le Comité VendômeCaroline Melerski pour Penny Lane 2011

Site institutionnel, html

DA

Création d’un univers sobre, institutionnel et vivant pour assurer la pérennité du Comité et de son quartier, et pour attirer le grand public. Photoshop.

Il s’agit de faire naître l’envie chez le plus grand nombre de découvrir le quartier Vendôme, connu pour son caractère historique, son unité architecturale et l’importante concentration de maisons d’excellence. Avec 6 circuits, le nouveau site invite à se flaner sur la place Vendôme, dans la rue de la Paix, la rue de Castiglione et leurs alentours.

www.comite-vendome.fr

Page 43: Book DA Senior Digital

La boutique LachaumePenny Lane 2008

Site institutionnel, flash

DA

Conception et création du site internet pour la boutique du fleuriste Lachaume dans le respect de leur univers floral. Univers, mise en pages, navigation. Photoshop.

Le maison Lachaume est une famille chaleureuse et secrète. La boutique est une véritable oasis de paix et de raffinement. A partir d’une structure simple, le site fait découvrir la diversité de leurs créations et crée l’envie d’y passer et de s’abandonner à un incroyable voyage parfumé.

www.lachaume-fleurs.com

Page 44: Book DA Senior Digital

L. Raphaël GenèvePenny Lane 2010

Site institutionnel, e-Shop

html

DA

Conception et création d’un univers original du site vitrine avec e-shop (Prestashop) Univers, mise en page, navigation. Photoshop.

Le site présente les temples de beauté de la luxueuse maison L. raphaël. Il donne les informations sur les produits, les traitements, les technologies, les spas dans les Alpes et dans les grands hôtels prestigieux et internationaux. Le site propose un shop en ligne pour un achat direct.

www.l-raphael.com

Page 45: Book DA Senior Digital

L. Raphaël Genève

Page 46: Book DA Senior Digital

L. Raphaël Genève

Page 47: Book DA Senior Digital

NespressoPenny Lane 2011

Pushmails Onirio, html

DA

Structure de sept pushmails selon l’univers et la charte graphique du site internet d’onirio.Mise en pages, création des éléments graphique. Photoshop, Illustrator

onirio était une édition limitée de la maison Nespresso en 2011. Penny Lane a pris en charge toute leur communication en ligne : le site événementiel, les bannières, les pushmails.

Page 48: Book DA Senior Digital

mk2Penny Lane 2010

Site institutionnel

DA

Proposition d’un univers et d’une mise en pages pour le nouveau site des cinémas mk2. Photoshop, Illustrator

Création d’un univers moderne et clair avec l’accès facile au contenu. Le site garde son côté pratique (horaires, salles, lien direct aux bandes annonce etc.) et fait decouvrir les nouveautés cinématographiques et culturelles aux internautes dans l’espace editorial trois Couleurs.

Page 49: Book DA Senior Digital

mk2Penny Lane 2010

Site institutionnel

Page 50: Book DA Senior Digital

Edmond de Rothschild Asset ManagementCaroline Melerski pour Kult_ 2011

Bannières EDRAM, html

DA

Création d’une bannière en version oN et oFF avec mouse-over, lancement d’une vidéo à l’intérieure de la bannière. Photoshop.

Page 51: Book DA Senior Digital

LCLCaroline Melerski pour Kult_ 2012

Refonte des espaces “Devenir Client”,

“Contacter LCL” et “Recherche”

html

DA

refonte des espaces “Devenir client” pour les particuliers, les professionnels et les entreprises ainsi que des pages génériques

“Contacter LCL” et “recherche”, accessibles de partout et pour toutes cibles. Mise en pages, structure, icônes, éléments graphiques, navigation. Photoshop, Illustrator.

Création d’univers frais, colorés et modernes, en respectant la charte graphique de LCL. Une mise en pages avec accès direct au maximum de contenu et mettant l’accent sur les engagements LCL en priorité.

Page 52: Book DA Senior Digital

LCL

LCL a décidé la refonte ergonomique et graphique de ces modules pour globalement :

- Améliorer leur visibilité- Simplifier l’accès à l’information- recruter de nouveaux clients- Améliorer la satisfaction des clients

L’espace “Devenir client” crée immédiatement la relation entre la banque et ses futurs clients.L’internaute plonge dans l’univers et l’offre LCL par des parcours Découverte choisis et efficaces, sans se perdre dans une navigation aventureuse du site grâce à un seul bouton retour : “Devenir client”

Page 53: Book DA Senior Digital

LCL

Les pages “Contacter LCL” et “recherche” sont devenues des outils simples mais complets, efficaces qui délivrent l’information avec pertinence pour chaque marché.

Page 54: Book DA Senior Digital

LCLCaroline Melerski pour Kult_ 2012

Refonte de l’espace “Famille”

html

DA

Création d’un espace “Famille”, dont le design est conforme à la charte graphique LCL et à son esprit. Mise en pages, navigation, icônes, visuel générique (le chien avec le cadre photo). Photoshop, Illustrator.

L’espace intègre les valeurs et le positionnement de la marque : transparence, dynamisme, modernité. Création d’un visuel générique, qui identifie la cible, qui porte les valeurs et l’engagement LCL en faisant le choix d’un design centré aux couleurs claires, à la structure épurée, tourné vers l’ergonomie. Elle favorise l’accès à l’information, met en valeur l’accès à l’ouverture d’un compte, les engagements et les offres +LCL et la structure comme une mini-home en conservant l’univers des pages du site.

Page 55: Book DA Senior Digital

LCLKult_ 2006

Objets thématiques

pour les leaflets bancaires LCL

DA

Création et montage des objets 3D pour une communication clientèle de la banque LCL en respectant sa charte graphique.Photoshop, Illustrator

Page 56: Book DA Senior Digital

SucrettesPenny Lane 2009

Site institutionnel

html/flash

DAConception et création de l’univers graphique, Mise en pages, navigation, illustrations, icônesPhotoshop, Illustrator

www.sucrettes.com

Page 57: Book DA Senior Digital

Manufacture d’AubussonRobert FourPenny Lane 2009

Maquette du site institutionnel

flash

DAConception et création d’un univers numérique pour la manufacture robert Four. Mise en pages, univers. Photoshop.

Le site avait pour but de mettre en relief les précieux produits de la maison qui suivent la longue tradition de tapisserie à Aubusson. Le site adopte une présentation très graphique, moderne et laisse toute sa place à la mise en situation des tapis.

Manufacture d‘AubussonRobert Four

Page 58: Book DA Senior Digital

Manufacture d’AubussonRobert Four

Manufacture d‘AubussonRobert Four

Page 59: Book DA Senior Digital

La tête en cubePenny Lane 2009

Site institutionnel, e-Shop

html

DACréation d’un site minimal et simple qui accorde la priorité aux produits. Mise en pages, univers. Photoshop.

La tête au cube ouvre grand ses neurones à tous les designers, artistes ou à toutes personnes qui cherchent un espace de vente pour leurs produits. Les idées fraîches sont partout dans la nature.

www.lateteaucube.com

Page 60: Book DA Senior Digital

Caroline Melerski 06 77 12 58 [email protected] 20

MErCI