Frédéric cabas communication & marketing offline et online - 2012
Portfolio 2004-2012
1.
2.
3. Web designer
Mes compétences dans le domaine du web design sont multiples : du conseil à la formation, de
l’analyse à l’ergonomie et enfin de la maquette au site web.
• Conseil et formation sur divers CMS (Joomla, Spip, Wordpress).
• Organisation du contenu et de l’interface,
• Identités visuelles, logos, illustrations et pictos.
• Intégration graphique, HTML 5, CSS 3 et Javascript.
Graphiste & illustratrice
Créer du sens, communiquer des idées et des émotions accompagnant un message, une identité,
une histoire, c’est la vocation de mon métier à la fois double et complémentaire.
Le graphisme me permet de concevoir et décliner des identités visuelles sur différents types de
supports (web, presse et objet).
L’illustration apporte l’originalité dans la création, le développement et la mise en valeur d’un
message ou d’une histoire.
4.
5. Parcours professionnel
Les touts débuts Webmaster / gestion de projet Web designer &
(Egg PLC, Paris, France) :
Septembre 2002 / Novembre Graphiste
Si elles sont peu valorisées
2003
dans un CV, les premières Depuis plus de 8 ans j’exerce
expériences sont souvent Egg fut la première banque en les métiers de Web Designer
déterminantes dans le départ ligne à s’implanter en France. et Graphiste, toujours avec
d’une carrière. Pourquoi et Arrivée trop tôt sur un marché le même plaisir ; celui de
comment je suis devenue peu enclin à la gestion des
créer, communiquer, partager
graphiste / web designer ? comptes bancaires uniquement
en ligne, l’aventure de cette et innover. Voici un petit
Voici un début d’explication... résumé de mes diverses
banque ne dura qu’une année.
Au cours de cette expérience fonctions depuis 2004 jusqu’à
Scénographe exécutante
(Metode, Barcelone, Espagne) : j’ai pu participer à la création et aujourd’hui.
Juillet / Août 2000 la gestion du site mais aussi à
quelques créations graphiques. Advent Communication (Paris,
Mes études en Arts plastiques C’est à ce moment que j’ai France)
durant les trois dernières réalisé que je voulais devenir Juillet / Décembre 2004
années de mon secondaire ainsi exclusivement web designer et
que mon expérience en tant graphiste. Conception, réalisation
que guide et agent d’accueil et développement des
au Centre Pompidou m’ont Scénariste multimédia (Widil, sites internet : Advent
permis d’exercer le métier de Paris, France) : Communications, Evolution
scénographe durant deux mois à Janvier / Février 2004 Cadres, Access MBA, MBA Center.
Barcelone. Ma mission consistait
en l’aménagement de l’espace et A mi-chemin entre le web Réalisation des identités
la réalisation de décors pour le design et l’édition, le métier visuelles et de leurs déclinaisons
musée d’Histoire Naturelle de la de scénariste multimédia m’a (chartes graphiques) du
ville. permis de mieux comprendre groupe Advent Communication,
les enjeux liés à la transmission Evolution Cadres et Access MBA.
Assistante d’édition (Hachette et à la compréhension d’une
collections, Paris, France) : information via l’ergonomie et Graphisme presse et web :
Février / Août 2001 l’interactivité d’une application bannières, newsletters,
web. Au cours de cette mission brochures, dépliants.
Ce stage à temps plein, je fus en charge de la réalisation
principalement dans l’édition d’une formation e-learning sous Directrice artistique du
multimédia m’a fait découvrir Flash sur l’analyse sensorielle magazine : Access MBA.
le monde du web. En charge de à l’attention des ingénieurs de
la gestion de contenu du site Danone. La Cegos (Paris, France)
toutlunivers.com, j’ai appris à Février 2005 / Septembre 2007
administrer pour la première
fois, un CMS. Cette expérience Conception, réalisation, analyse
a été décisive dans la suite de fonctionnelle, gestion de
mes études et fut le changement projet et développement du
d’une orientation : du master de portail intranet et du site de
littérature moderne au master communication de La Cegos.
d’informatique et multimédia.
Création de la charte graphique
web et modernisation de
06 - Bang-Bang Design
6. l’identité visuelle de l’entreprise.
Graphisme presse et web pour la
illustrations, ergonomies de
sites web, plaquettes, magazines,
Autres
communication interne : affiches, cartons d’invitations.
dépliants, cartons d’invitation. Petites expériences qui m’ont
Formation sur les logiciels Adobe marqué et m’ont permis
Axen puis Alten Its (Bruxelles, et la gestion de sites web. d’évoluer.
Belgique)
Octobre 2007 / Juin 2011 Réalisation de livres illustrées Janvier 2005
en auto édition (auteur, Réalisatrice de l’animation
Conception et réalisation désinnatrice). «Petite Cervelle» (Editions
d’identités visuelles, chartes Les presseurs d’éponges, Paris,
graphiques et logotypes. Clients : CIRB (Centre France) :
d’Informatique pour la Région
Création de plusieurs sites Bruxelloise), IBSA (Institut Réalisation, intégration et
internet, intranet et mini sites Bruxellois de Statistique et adaptation sous Flash MX du
pour le secteur privé et le d’Analyse), Ministère de la livre «Petite Cervelle» dans le
secteur public. Région Bruxelles-Capitale... cadre de l’évènement annuel des
éditions Les Presseurs d’Eponges
Création de supports de (durée de l’animation : 5,24 mn).
communication presse :
plaquettes, magazines et cartons Juillet 2006
d’invitations. Web Designer / formatrice
bénévole (Planète Urgence,
Formation et coaching sur des Burkina Faso, Afrique) :
applications web et graphiques
ainsi que sur la gestion de Mission de 5 semaines au
contenu et la communication Burkina Faso dans le cadre d’un
multimédia. congé solidaire :
Analyse fonctionnelle et guide Réalisation d’un site dynamique
de communication. d’entreprise pour l’UGPPK
(organisation de productrices de
Clients : Mkg Worlwide, beurre de karité).
Electrabel, Bridgestone EU,
EuropAid (DG du Développement Formation d’adultes à la création
de l’Union Européenne), et à la gestion de site web.
Mercedes, Alten Its, CIRB (Centre
d’Informatique pour la Région
Bruxelloise), PW&C, IBSA (Institut
Bruxellois de Statistique et
d’Analyse)...
Bang-Bang design (Bruxelles,
Belgique)
Août 2011 à aujourd’hui
Conception et réalisation
d’identités visuelles pour
supports web et presse :
chartes graphiques, logotypes,
07 - Bang-Bang Design
8. 2004 : Advent Communication
Advent Communication
Juillet / Décembre 2004
(Paris, France)
• Conception, réalisation et développement des sites internet : Advent Communications,
Evolution Cadres, Access MBA et MBA Center.
• Réalisation des identités visuelles et de leurs déclinaisons (logos et chartes graphiques)
du groupe Advent Communication, Evolution Cadres et Access MBA
• Graphisme presse et web (bannières, newsletters, brochures, flyers...)
CMS : Mambo (première version de Joomla).
Outils : Suite Adobe (illustrator, photoshop), Dreamweaver MX, Flash MX.
Langages : php, javascript, xhtml, css, actionscript.
09 - Bang-Bang Design
10. 2004 : Advent Communication
Advent Communication
Juillet / Décembre 2004
(Paris, France)
Conception et réalisation d’illustrations pour
les différents articles du magazine : Acces
MBA
Outils : Suite Adobe (illustrator, photoshop)
11 - Bang-Bang Design
11. 2005 : Les presseurs d’éponges
Les presseurs d’éponges
Janvier 2005
(Paris, France)
• Co-réalisation du court métrage : “Petite Cervelle” (5:30 mn)
• Adaptaion des illustrations du livre au format vidéo et animation web
• Réalisation de l’animation (montage et développement)
Outils : Suite Adobe (illustrator, photoshop), Flash MX et Adobe Premiere Pro
Langages : actionscript.
12 - Bang-Bang Design
12. 2005 : Les presseurs d’éponges
13 - Bang-Bang Design
14. 2005-2007 : La Cegos
La Cegos
Février 2005 / Septembre 2007
(Paris, France)
Conception, réalisation, analyse fonctionnelle, gestion de projet et
développement du portail intranet et du site de communication de La
Cegos.
CMS : SharePoint 2003 et 2007 de Microsoft.
Outils : Suite Adobe CS1 (illustrator, photoshop), SharePoint Designer,
Flash MX.
Langages : javascript, xhtml, css, actionscript.
15 - Bang-Bang Design
15. 2005-2007 : La Cegos
La Cegos
Février 2005 / Septembre 2007
(Paris, France)
• Création de la charte graphique web et
modernisation de l’identité visuelle de
l’entreprise.
• Graphisme presse et web pour la
communication interne : affiches, dépliants,
cartons d’invitation...
Outils : Suite Adobe CS1 (illustrator, photoshop),
SharePoint Designer, Flash MX.
16 - Bang-Bang Design
20. 2007 : «MiniShoot»
Projet Personnel
2007
Création d’un site web et de videos.
Outils : Suite Adobe (illustrator, photoshop),
Flash CS1 et Adobe Premiere Pro
Langages : actionscript.
21 - Bang-Bang Design
21.
22. 2007-2011 : Consultante Web & Graphiste
Axen puis Alten its Bridgestone EU Environnement et outils: Flex 3,
Octobre 2007 / Juin 2011 08/2008 – 09/2008 Photoshop et Illustrator CS4
(Bruxelles, Belgique) 1 mois
Mercedes
MKG Worldwide Projet : Connect Web 03/2010
10/2007 – 02/2008 • Création du design de 1 mois (mi-temps)
4/5 mois différentes pages pour la
connexion VPN et Intranet de Projet : Proteam
Projet : MKG l’entreprise • En accord avec la charte
• Réalisation du design de deux Environnement et outils : graphique du groupe
applications pour la gestion CSS 2, Html, Juniper et Isa Mercedes : création du site
de questionnaires en ligne Server, Photoshop, Illustrator et internet ProTeam
Environnement et outils : Dreamweaver CS3 Outils : Photoshop CS4,
VisualStudio, .NET, html, CSS2 Illustrator CS4, Html, CSS2
Illustrator et Photoshop CS3 CIRB
(Centre Informatique de la Alten Its
Electrabel Région Bruxelloise) 03/2010 - 05/2010
03/2008 – 06/2008 02/2009 3 mois (mi-temps)
4 mois
Conseil Economique et Social Projet : AtoA
Projet : Dr Pepper • Design du site web • Conception et réalisation du
• Création du site corporate Environnement et outils: site internet du groupe
d’Electrabel Suez (dans Html, CSS2, Illustrator CS3 et Outils : Photoshop et Illustrator
le respect de la charte Plone (CMS) CS4
graphique de l’entreprise)
• Formation d’un jeune EuropAid (Union Européenne- CIRB
graphiste DG Développement) (Centre Informatique de la
Environnement et outils : 11/2009 - 12/2009 et Région Bruxelloise)
TeamSite 4.5, html, XML 03/2010 - 04/2010 09/2008 - 4/2011
Photoshop 7, MediaBin, 5 mois (mi-temps) (temps plein et temps partiel)
Dreamweaver MX
Projet : Portail CiSocH - Projet : Portails «Bruxelles
Axen Civil Society Helpdesk Mobilité» & «Espaces Publics»
06/2008 - 07/2008
1 mois • Conception et réalisation de • Réalisation des portails sur
logotypes et interfaces web la mobilité et les espaces
Projet : Axen Car Policy • Formation et coaching sur publics pour le Ministère de
Magazine MediaWiki, le langage Wiki et la Région Bruxelles-Capitale
• Réalisation du magazine la gestion de contenu web. • Conception et réalisation
interne de l’entreprise : “Car Outils: Illustrator CS4, d’identités visuelles, chartes
Policy” MediaWiki (CMS) graphiques et logotypes
Outils : Illustrator et InDesin • Modernisation de la carte
CS3 CIRB Urbis du CIRB
(Centre Informatique de la • Analyse fonctionnelle et
Région Bruxelloise) guide de communication
01/2010 - 02/2010 Environnement et outils :
Framework Django, HTML,
Projet Geoloc CSS3, Python, Git, Photoshop,
• Design de l’application Illustrator et Dreamweaver CS4
cartographique du CIRB
23 - Bang-Bang Design
24. Projet : Portail Bruxelles Mobilité
09-2008 / 04-2011
En collaboration avec le CIRB (Centre Informatique de la Région Bruxelloise) et le Ministère de la Mobilité
de la Région Bruxelles-Capitale, le projet «Portail Bruxelles Mobilité» dura 3 ans en partenariat avec
divers intervenants : Mobiris, BRIC, IBGE, Interparking, Villo, Collecto et la Stib. Ce projet se divisa en
4 mises à jour, avec à chaque fois de nouvelles interventions graphiques, créations et aménagements
de nouveaux services en ligne (ex : cartes interactives), analyses de l’ergonomie et de la hiérarchie de
contenus.
Dans le cadre de ce projet réalisé sous la méthodologie “Scrum”, une vidéo a été réalisée en 2009 qui
compte aujourd’hui plus de 40 000 visiteurs (co-réalisation et montage effectués par moi-même).
Voir la vidéo : vimeo.com/4587652
25 - Bang-Bang Design
28. 2008-2011 : Portail Espaces Publics
Projet : Portail Espaces Publics
09-2008 / 04-2011
En parallèle avec le projet Portail Bruxelles Mobilité, création du Portail Espaces Publics pour le MRBC
(Ministère de la Région Bruxelles-Capitale). Les Deux Portails ont été créés avec le framework Django en
collaboration avec les développeurs du CIRB.
29 - Bang-Bang Design
30. 2010 : Geoloc
Projet : Geoloc
01-2010 / 02-2010
Dans le cadre de la rénovation de la carte URBIS de la Région
Bruxelles-Capitale réalisée par le CIRB, j’ai effectué les missions
suivantes : modernisation du design de la carte (couleurs, légendes et
pictos), analyse de l’ergonomie et création du design de l’application
effectuée en Flex 3.
31 - Bang-Bang Design
31. 2007-2011 : Axen / Alten Its
Projets internes : Axen puis Alten Its
11-2007 / 04-2011
Durant plus de 3 ans en tant que consultante Web designer et graphiste chez Axen puis Alten Its, j’ai
également participé à divers projets de communications internes pour la société dont :
• Création d’animations et de flyers pour divers événements
• Création d’identités visuelles pour différents services et activités internes de la société
• Réalisation du magazine de la “Car Policy”
• Design et charte graphique du site corporate d’Alten Its Belgique.
32 - Bang-Bang Design
38. 2011-2012 : Freelance
Bang-Bang Design
Juillet 2011
(Bruxelles, Belgique)
Catalogue : Benoît Moureau
Créateur de mobilier.
07/2011
• Création et illustration du catalogue de mobilier du créateur Benoît Moureau
Outils : Illustrator, Photoshop et Indesign CS5
IBSA
08/2010 – 09/2010
• Création du site de l’ibsa pour son intégration sous Plone.
• Réalisation de cartes graphiques de Bruxelles et des 19 communes.
Outils : Illustrator CS5
MRBC
10/2010 - 11/2010
• Réalisation et adaptation de la feuille de styles de l’intranet du Ministère en vue de la migartion du
siteweb sous Plone.
Outils : Illustrator CS5 et CSS2
Ecole du Bonheur
11/2010
• Réalisation, intégration et installation du site web
Outils : Html, CSS2 et Spip cms
Smell Skate
12/2011
• Coréalisation de portes encens réalisés en planche de skate usagés (idée et graphisme)
• Collaboration et exécution de l’ouvrage : Benoît Moureau
Outils : illustrator CS5
39 - Bang-Bang Design