Caroline MelerskiDirectrice artistique Senior DigitalDiplôme en Médias visuels, université du Bauhaus Weimar
PORTFOLIO WEB
ExpérienceDirectrice artistique Web & PrintDEPUIS 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 - Louis Vuitton - Andrew Gn - L. Raphaël - Givenchy - Clinique - Lachaume
Printemps - Make up Forever - Comité Vendôme - Nespresso - Sucrettes - La tête en Cube - Bioty Elements
Edmond de Rothschild Asset Management - AXA - LCL - Audiens - TOTAL - A Plus Finance - St. Gobain
EUROCOM - Passage du Havre - MEDIA Smart - Alice Événement - SIOOKS - Bouygues Telecom - Celio
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
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
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.
Consultation ParfumDior
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
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.
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.
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
Dior Fahrenheit et Fahrenheit 32
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.
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.
Dior New Look
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.
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.
Dior Pushmails
Dior Pushmails
Dior Pushmails
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.
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.
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.
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.
Orchidée Impériale
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.
LOUIS VUITTON PASSCaroline Melerski
pour BETC Digital, 2013
Capsule sur louisvuitton.com,
mailings et mobile displays
DA
Conception et création d’un univers graphique pour la présentation de la nouvelle application LV Pass sur le site de Louis Vuitton. Création de différentes bannières pour smartphone et mailings pour la promotion de l’application.Photoshop.
Capsule animée et interactive avec possibilité de photographier une campagne directement sur le site .
Page intermediare
Page « Test the app »
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.
Chanel Beauté
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
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.
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.
Printemps Listes MariageCaroline Melerski
pour WIDE, 2012
Capsule sur www.printemps.com
DA
Conception et création d’un univers graphique pour la partie Mariage / Printemps Listes.
Réorganisation des elements.Conception d’une liste interactive en ligne pour organiser le mariage. Présentation de 6 univers différents
“Quel mariage pour moi ?” avec proposition des accessoires, habits, voyages... pour les fiancés.Photoshop.
Printemps Listes Mariage
Conception d’une liste interactive en ligne pour organiser le mariage, avec possiblité de télécharger et uploader les elements, saisir et modifier toutes les informations concernant le mariage.Rangés par date sur un an.Partage via Facebook, email et twitter.
Printemps Listes Mariage
Conception d’une mise en page pour présenter les accessoires, habits, voyages... pour les fiancés.Rangés par type de mariage - proposition de 6 univers de mariage (romantique, bohème, champêtre, rock’n roll, vintage et citadin)
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
andrewgn.com
CliniquePenny Lane 2009
Newsletter, html
DA
Création d’une newsletter interne, structure des pages, navigation, icônes. Photoshop, Illustrator
Clinique
PR / Media
Education /Physician Service
Marketing /Trade Marketing Key Dates
People / Who is Who
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
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.
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.
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
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
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
L. Raphaël Genève
L. Raphaël Genève
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.
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.
mk2Penny Lane 2010
Site institutionnel
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.
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é.
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”
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é.
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.
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
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
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
Manufacture d’AubussonRobert Four
Manufacture d‘AubussonRobert Four
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