Fabien Lelu - Graphiste multimédia 69, rue Parmentier Montreuil-sous-Bois M atelier@fabienlelu.fr. compétence et expérience

Transcription

1 Fabien Lelu - Graphiste multimédia 69, rue Parmentier Montreuil-sous-Bois M atelier@fabienlelu.fr compétence et expérience

2 Présentation Direction artistique / développement Né en Graphiste diplômé des arts décoratifs de Strasbourg en 2003, Fabien maîtrise les langages de programmation comme PHP, MySql, Javascript (jquery, jquery mobile), HTML, CSS ou Actionscript. Il possède de larges connaissances sur des CMS comme Drupal, Wordpress ou Prestashop. C est donc naturellement qu il se positionne en tant qu interface entre client, graphiste et développeur, afin de décoder et de retranscrire les volontés de chacun, dans le but d optimiser les échanges et de répondre le plus efficacement aux attentes face au projet. Au-delà du rôle d interface, Il est à même de s impliquer dans les différentes étapes du déroulement du projet : force de proposition éditoriale et ergonomique, conception graphique et développement. En 2011, il créé l Atelier collectif avec 4 autres travailleurs indépendants. Un atelier de design pluridisciplinaire, un lieu de rencontres et d échanges, ayant comme motivation le regroupement en un espace unique de différents profils professionnels (design graphique, scénographie, architecture d intérieur, photographie, typographie, multimédia), la mutualisation des conditions d activité et la possibilité de rapprocher des sensibilités artistiques.

3 MÉTHODOLOGIE Comprendre et analyser la demande et son cahier des charges. Confronter les approches et points de vue éditoriaux après analyse de l arborescence. Proposer des solutions éditoriales. Réfléchir à une interface utilisateur ergonomique et intuitive. Présenter le fruit des reflexions et éventuellement une synthèse écrite. Concevoir le site en tenant compte de l identité graphique pré-établie et des contraintes techniques du Web. Proposer des maquettes graphique. Être à l écoute. Échanger. Faire évoluer. Valider. Développer un site autonome, dynamique et fonctionnel, en accord avec les normes du W3C, pour une pérennité et une stabilité accrue. Veiller sur le projet et ses évolutions dans le temps.

4 Moyens techniques un local de 85 m2 dont un espace réunion / co-working à Montreuil-sous-Bois ; un MAC et un PC portable ; un PC fixe ; un mini-projecteur LED ; une connexion Internet haut débit ; un serveur FTP ; un espace «Dropbox» dédié au projet ; 2 scanner Espon photo pro V500 et V750 ; 2 disques durs de sauvegardes (externe + RAID 1) ; une imprimante Workcenter A4 SRA3 Xerox Fiery ; un appareil photographique Canon Eos 5d MII ; Enregistré auprès d une société de course.

5 campus responsables Initiative Site Internet de l initiative. Lancé en 2006, Campus Responsables est le premier réseau français des grandes écoles et universités françaises engagées sur le développement durable. Ce site a pour objectif de faciliter la diffusion et le partage des bonnes pratiques, des outils et des ressources sur le développement durable à destination des campus. Travail réalisé : Conception graphique et développement technique. CMS : Drupal. Technologie : XHTML, PHP, javascript, Flash. p

6

7 rougier S.A. Société privée Site Internet multilingue du groupe Rougier S.A. Fondé en 1923 et dirigé depuis plus de 90 ans par les membres de la famille, Rougier est un des leaders mondiaux de la production et du négoce de bois. Travail réalisé : Analyse critique du site existant. Refonte éditorial, conception graphique et développement technique. Conception graphique et développement d une carte interactive. CMS : Drupal. Technologie : XHTML, PHP, javascript, Flash. p

8

9 nutri-tic Institut National de la Consommation L application pour smartphone Nutri-TIC a pour objectif d orienter l utilisateur dans ses achats alimentaires afin de tendre vers une alimentation équilibrée, à partir des données renseignées par celui-ci. L application permet la création d un compte et de plusieurs profils associés, la création de paniers «à la volée», de sauvegarde, d analyse, etc. Travail réalisé : Conception graphique et développement de l ensemble. Technologie : XHTML, PHP, MySql, javascript (jquery mobile).

10

11 Association internationale des universités auprès de l UNESCO Portail de l enseignement supérieur pour le développement durable (ESDD/HESD) de l association Internationale des Universités. Ce groupe de travail a pour but de mobiliser et d aider les membres de l AIU à échanger des informations, pour apprendre les uns des autres à mesure qu ils développent des stratégies en matière de développement durable. Travail réalisé : Conception graphique du site et du logo et développement de l ensemble. CMS : Drupal. Technologie : XHTML, PHP, javascript (jquery, Openlayers). p

12 HIGHER EDUCATION FOR SUSTAINABLE DEVELOPMENT

13 Hervé Tullet auteur Depuis ces débuts en 1990, Hervé Tullet a su s imposer et devenir l auteur incontournable de la littérature jeunesse en France. Travail réalisé : Conception graphique et développement du site Internet. Collaboration et développement d applications et de jeux à partir des livres élaborés. CMS : développement spécifique. Technologie : XHTML, PHP, javascript (Paper.js), Flash, Processing... p

14

15 Nicolas philibert réalisateur Réalisateur français, Nicolas Philibert est marqué par le désir d apporter un autre regard sur les éléments contemporains de notre société. Travail réalisé : Conception graphique et développement du site Internet en 3 langues (français, anglais et espagnole). CMS : développement spécifique. Technologie : Flash, PHP. p

16

17 Mes courses pour la planète société privée Créé en 2006, mescoursespourlaplanete. com est le premier guide pratique en ligne de la consommation responsable. Travail réalisé : Conception et développement des newsletters hebdomadaire et mensuelle. Conception et développement du site Internet. Une refonte a été programmé en 2012, mais le projet en est resté à la conception. CMS : développement spécifique. Les mailing list, l envoi et la livraison sont gérées par mandrill.com. Technologie : HTML, PHP. p

18

19 LES PETITS PLATONs maison d éditions Les petits Platons vous racontent les grands philosophes! 22 albums déjà parus... Travail réalisé : À l occasion de la création de deux nouvelles collections, l équipe des petits platons a souhaitée refondre intégralement son site Internet et se doter d une boutique avec paiement en ligne, gestionnaire de commande pour toutes leurs collections. Cette dernière intègre également l achat et le téléchargement d e-book. CMS : Drupal, Drupal Commerce. Technologie : XHTML, PHP, Javascript,... p

20

21 pernod ricard société privé Co-leader mondial du secteur des Vins & Spiritueux, Pernod Ricard est leader du segment Premium. Il exerce ses activités dans 80 filiales et a fait le choix d une croissance durable grâce à un large portefeuille de marques internationales et une stratégie de montée en gamme, la Premiumisation. Travail réalisé : Conception graphique et développement d un questionnaire permettant l analyse et l évaluation de l engagement des parties prenantes. La validation des données génèrent un fichier PDF téléchargeable composé à partir des éléments de réponse soumis. Technologie : Javascript (jquery mobile), PHP.

22

23 Le jour le plus court auprès du CNC Manifestation annuelle célébrant le court métrage. Travail réalisé : Déclinaison d encart publicitaire (GIF animé) pour l annonce de la manifestation «Le jour le plus court» à partir du visuel conçu par Julien Lelièvre. Utilisation de formats standardisés adaptés à la plus grande majorité des sites Internet.

24

25 Le jour le plus court auprès du CNC Carte de vœux animée 2012 à l occasion de la manifestation «Le jour le plus court». Un type a été créé spécialement pour l envoi des vœux, ainsi qu une version smartphone/tablette. Travail réalisé : Conception et réalisation de l animation. Conception graphique et développement d un modèle d . Déclinaison de l animation pour une adaptation dédiée aux smartphones.

26

27 CENTRE NATIONAL DU CINéMA et de l image animée institution publique Campagne bilingue à l occasion du festival de Cannes. Les gabarits ont ensuite été utilisés plus largement pour la communication interne et externe des événements. Les gabarits ont été livrés au format HTML accompagnés d options de personnalisation. Travail réalisé : Conception graphique et développement des différents modèles d . Livraison au format HTML et PSD.

28

29 CENTRE NATIONAL DU CINéMA et de l image animée institution publique Carte de vœux 2014 personnalisable. Travail réalisé : Conception graphique et développement du formulaire, de l animation et du modèle de l généré automatiquement avec les options de personnalisation. Déclinaison de l animation pour une adaptation dédiée aux smartphones.

30

31 BARTABAS artiste Pionnier d une expression inédite, conjuguant art équestre, musiques, danse et comédie, Bartabas a inventé et mis en scène avec tact, fougue et intuition, une nouvelle forme de spectacle vivant : le théâtre équestre. Travail réalisé : L objectif principal de ce projet fut de réunir dans une même matrice, deux sites existants et un en devenir. Le site Zingaro, le site de l académie équestre de Versailles et le site personnel de Bartabas. Il dispose d un espace de réservations (via la Fnac) et d une e-boutique. Site bilingue (français + anglais). CMS : développement spécifique. Technologie : PHP, Javascript, MySql, XHTML, Flash (vidéo) p p p

32

33 Autres Références Internet Conception et développement de nombreux sites, pour des agences, ateliers, entreprises et journaux. RTE France (journal interne et portail Intranet) ERDF (animation/voeux 2014) Le groupe Rougier S.A. : La financière Tiepolo : Nos cantines pour la planète : L agence A noir, : L écrivain Claude Meunier : L initiative Campus responsables : Le projet photographique le-le : L Association Internationale des Universités : L Atelier Voiture 14 : Le théâtre d Alfortville : Éditions le Centurion : L architecte Maciej Fiszer : L association Amour d enfants : Le collectif HSH : A nimation / vidéo Conception-animation typographique pour le festival «Lire en fête» Conception-animation typographique pour les voeux de Bobigny Nombreuses animations «pixel» pour les agences A noir, Utopies, Nord Nord Ouest et Maki. Conception-animation pour la Cisac, l Adami, le CNC, RTE et ERDF. p plus d informations sur