5% - Julie Pithon

Julie Pithon
BOOK
2014
Âgée de 27 ans, mon parcours est plutôt varié car je n’ai pas toujours suivi une
filière dans le graphisme et le web. Ayant commencé par des études littéraires
à l’université, j’ai passé un diplôme d’état de professeur de danse et j’ai ensuite
travaillé en tant que vendeuse et assistante commerciale. Par la suite, je me suis
intéressée à deux choses qui ont toujours attisées ma curiosité : le graphisme et le
web. J’ai donc pris la décision de reprendre mes études et ai intégré en 2010 la Prépa
au Cfa’Com.
Passionnée de photographie, j’ai toujours eu une forte attirance pour l’art en général,
et la culture web. Le graphisme est apparu comme une évidence durant cette année
préparatoire mais aussi les langages web. La formation que j’ai suivi, Intégrateur de
Médias Interactifs, m’a permis d’allier les deux et d’apprendre à concevoir un site web de
A à Z : de la création en passant par la gestion de projet, à l’intégration.
Webdesigner dans un studio de communication visuelle puis au sein d’une agence de
-marketing, puis dans une agence web rouennaise, je sais travailler en print et en web;
et suis toujours confrontée à de nouveaux défis et de nouvelles expériences: jeu vidéo,
création de charte graphique, affiches publicitaires,, design de sites web, gestion de
projet, direction artistique pour des projets web, etc.
J’aime apprendre, et savoir évoluer dans le milieu web est la clé pour réussir dans
ce domaine.
Diplômée depuis 2 ans du titre d’Intégrateur de Médias Interactifs (Bac+2), je suis
désormais à la recherche de nouvelles expériences dans le monde du digital.
REFONTE SITE WEB LA RANÇONNIÈRE
Décembre 2014
Refonte site web pour l’hôtel - restaurant La Rançonnière (Normandie)
Revoir l’ergonomie du site afin de faciliter la visite de l’utilisateur : l’amener plus facilement vers les chambres, tarifs puis la réservation. Mise en
avant du lieu, du cadre : mer, campagne, hôtel de charme. Guider l’utilisateur tout en le séduisant.
4
5
PLAQUETTE CORPORATE MATIÈRE
1932
MATIÈRE, SON HISTOIRE
Octobre 2014
MATIÈRE DANS LE MONDE
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Nulla sit amet dui est. ugiat
convallis. Mauris pulvinar
risus posuere, tincidunt orci
eget, rutrum turpis. lectus
pretium sollicitudin.
400 SALARIÉS
6
Curabitur sodales libero eget feugiat
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Nulla sit amet dui est. ugiat
convallis.
implantations
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet
dui est. ugiat convallis.
Curabitur sodales libero eget feugiat
NOTRE
VISION
NOTRE
FUTUR
13 000
100
ouvrages
5%
25%
75%
Lorem ipsum dolor sit
amet, consectetur adipiscin. Lorem ipsum dolor
sit amet.
Lorem ipsum dolor sit
amet, consectetur adipiscin. Lorem ipsum dolor
sit amet.
Lorem ipsum dolor sit
amet, consectetur adipiscin. Lorem ipsum dolor
sit amet.
OUVRAGES EN BÉTON
26
OUVRAGES MÉTALLIQUES
1990
Béton ou métal, Matière vous ouvre la voie.
Concrete or steel, Matière leads the way.
Création plaquette Corporate groupe Matière - Refonte logos - Agence
Wem
Création d’une charte graphique et refonte du logo ainsi que des
marques annexes. Recréer une image corporate pour un visuel général
du groupe. Ra jeunir l’image du groupe, mettre en valeur des produits,
des bâtiments, des techniques.
6
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Nulla sit amet dui est. ugiat
convallis.
licences
CHIFFRES CLÉS
TERRASSEMENT
10 SITES
20
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet
dui est. ugiat convallis.
7
110
116
35
2008
2010
2011
2012
REFONTE SITE ICI & AILLEURS
Août 2014
Refonte & intégration site Ici & Ailleurs - Agence Wem
Refonte d’un site e-comerce pour Ici & AIlleurs, proposant thés et cafés.
Salon de thé et restauration, mais aussi ateliers découverte sur les thés
et cafés du monde. Créer un réel univers de voyage autour du thé et du
café, charmer l’utilisateur et lui proposer la vente en ligne.
8
9
REFONTE SITE CLUB KARATÉ
Juillet - Septembre 2014
Refonte site Club Sen Karaté Louviers - Freelance
Refonte d’un site web pour un club de Karaté souhaitant redynamiser son
image et surtout moderniser leur 1er site datant de 2000. Le CMS wordpress a été choisi dans le but que le client puisse modifier via le back
office facilement, a jouter photos, idéos et contenus d’actualités. L’option
d’inscription en ligne a été a joutée, ainsi que la visualition des professeurs, cours et horaires.
0
1
11
REFONTE SITE LOUVRE HÔTELS
Mars - Avril 2014
Refonte site Première Classe de Louvre Hôtel - Netbooster
Refonte du site de la marque Première classe, hôtels. Idée de rendre le
site plus attractif et surtout de renre l’expérience utilisateur plus simple
et rapide. De nouveaux outils ont été mis en place : recherche, booktool,
sidebar, etc.
12
3
1
NEWSLETTER PHOTOCITÉ
Mars 2014
Newsletter en gif animé sur le thème du poisson d’avril - Netbooster
Client régulier, newsletter plusieurs fois par mois. Ici, réalisation d’un gi
animé sur le thèe du poisson d’avril mettant en avant la toile animée (qui
n’existe pas réellement). Les ballons passent d’une toile à une autre.
14
15
ARMOIRE À LINGERIE DIM
Février 2014
Homepage Armoire à Lingerie pour la marque Dim en gif - Netbooster
Déclinaisons de la hompage du site Dim.fr selon les thématiques demandées par le client. Ici, réalisation d’un gif animé d’une armoire en illustrations avec la lingerie.
16
17
INFOGRAPHIE LES FURETS
Février 2014
Infographie LesFurets.com - Netbooster
IIllustrer une étude sur les prix des assurance autos.
18
9
1
BANNIÈRES ACCOR
Janvier 2014
Création de bannières pour les hôtels Accor - Appel d’offre - Netbooster
Bannières Flash, animées : présentation de l’offre tout en restant dans une
thématique «luxe».
20
21
APPEL D’OFFRE MARMARA
Décembre 2013
Refonte du site Marmara Responsive - Appel d’offre - Netbooster
Refonte su site de voyages Marmara en responsive design. Lui donner
un aspect plus dynamique, plus moderne tout en respectant la charte
graphique.
22
23
APPEL D’OFFRE MAP
Novembre 2013
Template Newsletter RWD thème Halloween - Appel d’offre - Netbooster
Création d’un nouveau template pour MonAlbumPhoto.fr, responsive.
24
25
INFOGRAPHIE FDJ
Octobre 2013
Infographie Française des Jeux - Appel d’offre - Netbooster
Infographie à réaliser au couleur de la française des jeux, du loto, etc.
pour traiter d’une étude réalisée sur les internautes et les jeux d’argent.
26
27
COUP DE MAINS
2012-2013
Coup de mains, Projet professionel de fin d’année
Afin d’obtenir le diplôme, nous devons réaliser un site internet fonctionnel.
Le projet se fait seul, de la conception au développement.
Je suis partie d’un simple constat : c’est la crise, et il est de plus en plus
difficile d’acquérir une maison, un appartement, ou même de construire.
Je souhaitais donc créer un site où je pourrais favoriser l’entraide
et l’échange en permettant l’offre et/ou l’échange de services gratuit
et près de chez soi, de main d’oeuvre pour des travaux de rénovation
ou de construction chez le particulier avec un système d’annonces.
28
29
VERY BAG TRIP
Décembre 2012
Site e-commerce «very bag Trip» - webdesign, Développement
Workshop d’une semaine en binôme.
Sujet : réaliser un site e-commerce de sacs.
Choix de sacs de randonnée luxueux, en matériaux naturels.
Création du logo, de la charte graphique, choix des produits, et
réalisation du webdesign avec l’idée de garder un côté épuré et naturel
au site pour rester dans la collection des sacs choisis.
Développement du site de A à Z : HTML - CSS et PHP;
Contraintes de développement : création d’un panier fonctionnel, lier
le site à sa base de données avec Back-Office afin de lister, modifier voire
supprimer des produits.
30
31
LOGO LRDA
Décembre 2012
LR
DA
LE REGISTRE DES ASSURÉS
LE REGISTRE DES ASSURÉS
www.lrda.fr
www.lrda.fr
www.lrda.fr
LE REGISTRE DES ASSURÉS
LE REGISTRE DES ASSURÉS
www.lrda.f r
www.lrda.f r
Recherche de logo pour LRDA, le registre des assurés
Studio Ping-Pong Graphique
32
33
GUITARLAB
Novembre 2012
Guitar lab, magazine interactif - Webdesign
Penser le magazine autrement : réfléchir à une interface interactive,
tactile tout en étant original et en hiérarchisant bien l’information afin
Thème imposé : magazine interacitf sur la musique.
que la navigation soit intuitive.
Création d’un magazine spécialisé dans la guitare : guitaristes, partitions,
Ici, système de vignettes et de slides (gauche / droite).
concerts, dossiers, etc.
Couverture + sommaire.
34
35
MAPPEMONDE FHT
Septembre 2012
Création du mappemonde en papier mâché pour FHT - réalisation d’un
Stop Motion - Studio Ping-Pong Graphique
Création d’une mappemonde pour le lancement d’un évènement ma jeur
d’une association : organisation du 2e Raid Handi’Valid inter-entreprises
qui se fait entre Lyon et paris.
Réalisation d’un Stop Motion afin de lancer l’évènement.
Idée de faire bouger les divers véhicules sur la mappemonde mais aussi
l’avion, le soleil, les nuages, et la map elle-même, ainsi que les les deux
concurrents représentés afin de redonner avec le stop motion une vie
à ce petit monde.
36
37
MMO RPG FHT
2012 - 2013
Création d’un MMO RPG (jeu multi-joueurs en ligne) pour Freehandi’se
Trophy - Studio Ping-Pong Graphique
Flash, OpenEdit
38
39
BALADE URBAINE
Juin 2012
Anecotes rouennaises - thème imposé «Balades urbaines» - site web,
Webdesign, Développement
Projet de fin de 1ère année en Intégrateur de Médias Interactifs.
Thème imposé «Balade» urbaine» avec contraintes de développement :
utiliser un wordpress et créer une carte dynamique en SVG.
Recherche autour du souvenir, de l’anecdote pour une ville, Rouen.
Raconter la ville autrement, moins historique et plus poétique.
La carte est divisée en quartier avec un système d’opacité lorsqu’on
reste sur l’une d’elles. Les points représentent les anecdotes (plus
d’informations au passage de la souris). Une couleur représente un type
d’anecdotes (drôles, bizarres, amoureuse, etc.).
40
41
GALERIE PHOTOS
Janvier 2012
Site / Galeries photos - Webdesign, Développement
Thème imposé durant la 1ère année de formation d’Intégrateur de Médias
Interactifs. Contraintes de développement imposées (3 pages types).
Ici, présentation de trois chorégraphes contemporains et travail autour
de la lumière.La mise en lumière permet de révéler le danseur, sublime
son mouvement. La page d’accueil reprend l’idée de la scène et ses
lumières avec une photographie en fond d’une scène et ses trois spots
présentent les trois chorégrpahes. En passant sur l’une d’elles avec la
souris, la vignette devient plus opaque plus blanche, comme trop éclairée
pour amener le visiteur à cliquer et aller voir plus loin.
42
43
CARTE DE VOEUX
Décembre 2011
Carte de voeux 2012 Ping-Pong Graphique - Flash , Webdesign
A partir du nom de l’agence, recherches autour de la balle de ping-pong
qui rebondit sur les bureaux de l’agence pour finir avec d’autres objets du
quotidien (clé USb, trombones...) et former ainsi «2012».
Les couleurs sont en accord avec l’identité graphique du studio que
ce soit dans la charte graphique que dans la décoration des bureaux.
44
45
CICATRICES
Janvier 2011
Workshop «Collection Immatérielle» - Arts Plastiques
«Cicatrices» : collection du souvenir de la cicatrice.
Frise chronologique des souvenirs de cicatrices anonymes.
Bande sonore de son histoire (comment ? où?) parcourant ces souvenirs.
Mis dans un couloir très passager, posé au sol, il y a un fort contraste avec
l’intimité de la cicatrice. Les écouteurs replongent dans l’espace clos.
L’histoire de la cicatrice ne sera dévoilée qu’à la personne ayant les écouteurs; sinon on ne verra que des descriptions anonymes de cicatrices,
sans identité.
Mais la collection n’est pas terminée, le papier n’a pas fini d’être déroulé;
ni dans la collecte, ni dans le temps...
46
47
NUS
2010 - 2011
Cours de nus durant 1 an - Classe Préparatoire d’Arts Appliqués
Recherche sur le corps, les ombres, le mouvement.
48
49
CROQUIS
2010- 2011
Croquis - Classe Préparatoire d’Arts Appliqués
Recherches sur la perspective, la représentation, la rapidité d’exécution
mais aussi sur la technique : crayons, aquarelle, acrylique etc.
Croquis d’après représentation.
50
51
PORTRAITS
2006 - 2011
Rouen, Bonifacio, Paris
Photographies urbaines, portraits extérieurs.
Travail autour de l’humain, du sentiment, de la présence parmi la foule
environnante. L’homme dans la ville est finalement seul.
52
53
B OOK
2014