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.
Parcours professionnel Les touts débuts Si elles sont peu valorisées dans un CV, les premières expériences sont souvent déterminantes dans le départ d’une carrière. Pourquoi et comment je suis devenue graphiste / web designer ? Voici un début d’explication... Scénographe exécutante (Metode, Barcelone, Espagne) : Juillet / Août 2000 Mes études en Arts plastiques durant les trois dernières années de mon secondaire ainsi que mon expérience en tant que guide et agent d’accueil au Centre Pompidou m’ont permis d’exercer le métier de scénographe durant deux mois à Barcelone. Ma mission consistait en l’aménagement de l’espace et la réalisation de décors pour le musée d’Histoire Naturelle de la ville. Assistante d’édition (Hachette collections, Paris, France) : Février / Août 2001 Ce stage à temps plein, principalement dans l’édition multimédia m’a fait découvrir le monde du web. En charge de la gestion de contenu du site toutlunivers.com, j’ai appris à administrer pour la première fois, un CMS. Cette expérience a été décisive dans la suite de mes études et fut le changement d’une orientation : du master de littérature moderne au master d’informatique et multimédia.
Webmaster / gestion de projet (Egg PLC, Paris, France) : Septembre 2002 / Novembre 2003 Egg fut la première banque en ligne à s’implanter en France. Arrivée trop tôt sur un marché peu enclin à la gestion des comptes bancaires uniquement en ligne, l’aventure de cette banque ne dura qu’une année. Au cours de cette expérience j’ai pu participer à la création et la gestion du site mais aussi à quelques créations graphiques. C’est à ce moment que j’ai réalisé que je voulais devenir exclusivement web designer et graphiste. Scénariste multimédia (Widil, Paris, France) : Janvier / Février 2004 A mi-chemin entre le web design et l’édition, le métier de scénariste multimédia m’a permis de mieux comprendre les enjeux liés à la transmission et à la compréhension d’une information via l’ergonomie et l’interactivité d’une application web. Au cours de cette mission je fus en charge de la réalisation d’une formation e-learning sous Flash sur l’analyse sensorielle à l’attention des ingénieurs de Danone.
Web designer & Graphiste Depuis plus de 8 ans j’exerce les métiers de Web Designer et Graphiste, toujours avec le même plaisir ; celui de créer, communiquer, partager et innover. Voici un petit résumé de mes diverses fonctions depuis 2004 jusqu’à aujourd’hui. Advent Communication (Paris, France) Juillet / Décembre 2004 Conception, réalisation et développement des sites internet : Advent Communications, Evolution Cadres, Access MBA, MBA Center. Réalisation des identités visuelles et de leurs déclinaisons (chartes graphiques) du groupe Advent Communication, Evolution Cadres et Access MBA. Graphisme presse et web : bannières, newsletters, brochures, dépliants. Directrice artistique du magazine : Access MBA. La Cegos (Paris, France) Février 2005 / Septembre 2007 Conception, réalisation, analyse fonctionnelle, gestion de projet et développement du portail intranet et du site de communication de La Cegos. Création de la charte graphique web et modernisation de
06 - Bang-Bang Design
l’identité visuelle de l’entreprise. Graphisme presse et web pour la communication interne : affiches, dépliants, cartons d’invitation. Axen puis Alten Its (Bruxelles, Belgique) Octobre 2007 / Juin 2011 Conception et réalisation d’identités visuelles, chartes graphiques et logotypes. Création de plusieurs sites internet, intranet et mini sites pour le secteur privé et le secteur public. Création de supports de communication presse : plaquettes, magazines et cartons d’invitations. Formation et coaching sur des applications web et graphiques ainsi que sur la gestion de contenu et la communication multimédia. Analyse fonctionnelle et guide de communication. Clients : Mkg Worlwide, Electrabel, Bridgestone EU, EuropAid (DG du Développement de l’Union Européenne), Mercedes, Alten Its, CIRB (Centre d’Informatique pour la Région Bruxelloise), PW&C, IBSA (Institut Bruxellois de Statistique et d’Analyse)...
illustrations, ergonomies de sites web, plaquettes, magazines, cartons d’invitations. Formation sur les logiciels Adobe et la gestion de sites web. Réalisation de livres illustrées en auto édition (auteur, désinnatrice). Clients : CIRB (Centre d’Informatique pour la Région Bruxelloise), IBSA (Institut Bruxellois de Statistique et d’Analyse), Ministère de la Région Bruxelles-Capitale...
Autres Petites expériences qui m’ont marqué et m’ont permis d’évoluer. Janvier 2005 Réalisatrice de l’animation «Petite Cervelle» (Editions Les presseurs d’éponges, Paris, France) : Réalisation, intégration et adaptation sous Flash MX du livre «Petite Cervelle» dans le cadre de l’évènement annuel des éditions Les Presseurs d’Eponges (durée de l’animation : 5,24 mn). Juillet 2006 Web Designer / formatrice bénévole (Planète Urgence, Burkina Faso, Afrique) : Mission de 5 semaines au Burkina Faso dans le cadre d’un congé solidaire : Réalisation d’un site dynamique d’entreprise pour l’UGPPK (organisation de productrices de beurre de karité). Formation d’adultes à la création et à la gestion de site web.
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
2004 : Advent Communication
08 - Bang-Bang Design
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
2004 : Advent Communication
10 - Bang-Bang Design
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
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
2005 : Les presseurs d’Êponges
13 - Bang-Bang Design
2005-2007 : La Cegos
14 - Bang-Bang Design
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
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
2005-2007 : La Cegos
17 - Bang-Bang Design
2006 : The Zouizoui thinking’s
18 - Bang-Bang Design
2006 : The Zouizoui thinking’s
Projet personnel
2006
19 - Bang-Bang Design
2007 : «MiniShoot»
20 - Bang-Bang Design
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
2007-2011 : Consultante Web & Graphiste Axen puis Alten its Octobre 2007 / Juin 2011 (Bruxelles, Belgique)
MKG Worldwide 10/2007 – 02/2008 4/5 mois Projet : MKG • Réalisation du design de deux applications pour la gestion de questionnaires en ligne Environnement et outils : VisualStudio, .NET, html, CSS2 Illustrator et Photoshop CS3 Electrabel 03/2008 – 06/2008 4 mois Projet : Dr Pepper • Création du site corporate d’Electrabel Suez (dans le respect de la charte graphique de l’entreprise) • Formation d’un jeune graphiste Environnement et outils : TeamSite 4.5, html, XML Photoshop 7, MediaBin, Dreamweaver MX Axen 06/2008 - 07/2008 1 mois Projet : Axen Car Policy Magazine • Réalisation du magazine interne de l’entreprise : “Car Policy” Outils : Illustrator et InDesin CS3
Bridgestone EU 08/2008 – 09/2008 1 mois Projet : Connect Web • Création du design de différentes pages pour la connexion VPN et Intranet de l’entreprise Environnement et outils : CSS 2, Html, Juniper et Isa Server, Photoshop, Illustrator et Dreamweaver CS3
Environnement et outils: Flex 3, Photoshop et Illustrator CS4 Mercedes 03/2010 1 mois (mi-temps) Projet : Proteam • En accord avec la charte graphique du groupe Mercedes : création du site internet ProTeam Outils : Photoshop CS4, Illustrator CS4, Html, CSS2
CIRB (Centre Informatique de la Région Bruxelloise) 02/2009
Alten Its 03/2010 - 05/2010 3 mois (mi-temps)
Conseil Economique et Social • Design du site web Environnement et outils: Html, CSS2, Illustrator CS3 et Plone (CMS)
Projet : AtoA • Conception et réalisation du site internet du groupe Outils : Photoshop et Illustrator CS4
EuropAid (Union EuropéenneDG Développement) 11/2009 - 12/2009 et 03/2010 - 04/2010 5 mois (mi-temps)
CIRB (Centre Informatique de la Région Bruxelloise) 09/2008 - 4/2011 (temps plein et temps partiel)
Projet : Portail CiSocH Civil Society Helpdesk
Projet : Portails «Bruxelles Mobilité» & «Espaces Publics»
• Conception et réalisation de logotypes et interfaces web • Formation et coaching sur MediaWiki, le langage Wiki et la gestion de contenu web. Outils: Illustrator CS4, MediaWiki (CMS)
• Réalisation des portails sur la mobilité et les espaces publics pour le Ministère de la Région Bruxelles-Capitale • Conception et réalisation d’identités visuelles, chartes graphiques et logotypes • Modernisation de la carte Urbis du CIRB • Analyse fonctionnelle et guide de communication Environnement et outils : Framework Django, HTML, CSS3, Python, Git, Photoshop, Illustrator et Dreamweaver CS4
CIRB (Centre Informatique de la Région Bruxelloise) 01/2010 - 02/2010 Projet Geoloc • Design de l’application cartographique du CIRB
23 - Bang-Bang Design
2009-2011 : Projet Bruxelles MobilitĂŠ
24 - Bang-Bang Design
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
2008-2011 : Portail Bruxelles MobilitĂŠ
26 - Bang-Bang Design
2008-2011 : Portail Bruxelles MobilitĂŠ
27 - Bang-Bang Design
2008-2011 : Portail Espaces Publics
28 - Bang-Bang Design
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
2009 -2010 : CISOCH
30 - Bang-Bang Design
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
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
2010 : Alten Its
33 - Bang-Bang Design
2010 : Climate Coalition
34 - Bang-Bang Design
2011 : Monitoring des quartiers
35 - Bang-Bang Design
2008 : Japonismes
36 - Bang-Bang Design
Projet personnel
2007
37 - Bang-Bang Design
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
2011 : Catalogue BenoĂŽt Moureau
40 - Bang-Bang Design
2011 : Catalogue BenoĂŽt Moureau
41 - Bang-Bang Design
2011 : IBSA
42 - Bang-Bang Design
2011 : Smell Skate
43 - Bang-Bang Design
2011 : Rouge baiser
44 - Bang-Bang Design
2011 : Rouge baiser
Projet personnel
2011
45 - Bang-Bang Design
Expositions Traffic Art Gallery, Bruxelles. 2010 Exposition collective : «Will make skate art for food» Customisation d’une planche de skate avec installation photographique. Cinéma Aegidium, Bruxelles. 2010 Exposition collective. «Up» : réalisation de 4 affiches illustrées, fait main (peintures, encres, impression monotype). Bôzar, Palais des Beaux Arts, Bruxelles. 2008 Exposition collective : Pôze II (Un été très photo / Een zomer vol kiekjes) «Oto» : réalisations de 6 autoportraits couleurs.
Contacts Soulira Kerri Rue Haute, 180 1000 Bruxelles GSM : 0483 46 76 59 Email : soulira@gmail.com bangbangdesign@rocketmail.com siteweb : bang-bangdesign.com
46 - Bang-Bang Design