MANU LECHAT

06 61 92 79 09lechat.manu@gmail.com
Manu lechat - Création de sites internet

Webdesigner
intégrateur web.

Webdesigner freelance depuis plus de 10 ans,
je mets à profit mes compétences en design, animation & programmation web pour réaliser des expériences interactives.

Freelance depuis 2008
Affilié à la maison des Artistes
Nantes / Vannes

Réaliser
un projet web

Mon coeur de métier est l'intégration Html5 c'est à dire convertir une maquettes graphique (réalisée dans un logiciel de mise en page) en un site fonctionnel conçu pour s'adapter à différents formats d'ecrans.

webdesigner depuis de nombreuses années, Je peux aussi concevoir le design graphique des interfaces. Sensibilisé au motion-design je réalise également des infographies vidéo grace au logiciel d'animation After-effect.

Je n'utilise pas de templates préfabriqués. Mon métier est de m'adapter à une demande spécifique et de réaliser des sites sur-mesure.

conception + design + programmation
et une bonne dose de gestion de projet.

La plupart des projets donnent lieu à des collaborations : photographes, graphistes, développeurs etc... Dans la plupart des cas, je travaille en partenariat avec des agences web qui réalisent le design et me confient l'intégration et l'animation des projets, mais je peux aussi constituer une équipe en fonction des projets.

Vous avez un projet en tête ? n'hésitez pas à me contacter

01

conception.

  • Stratégie
  • Choix artistiques
  • Phase créative

Validation du brief

02

design.

  • Création des maquettes graphiques
  • Mise en page responsive
  • Storyboards et animation

Validation du design graphique

03

programmation.

  • Mise en page des templates en css
  • Programmation des fonctionalités
  • Programmation du back-office

Mise en ligne


module intercatif

Ovnis interactifs divers

module intercatif Voeux agence parisienne du climat réalisation d'une carte de voeux interactive animation html5 webgl animation slider css

2017

Voeux agence parisienne du climat

Animation interactive : typo et design génératif en webgl

  • webgl
  • generative design
  • animation javascript
module intercatif Flipbook - L'Oreal flipbook html5 e-learning

2018

Flipbook - L'Oreal

Module d'e-learning au format Flipbook. Communication interne destiné à la formation des employés de la marque.

  • flipbook
  • lancome
  • html5
module intercatif Animation didactique - Sfr animation flash didactique visuelle module intercatif Animation didactique - Sfr animation flash didactique visuellemodule intercatif Animation didactique - Sfr animation flash didactique visuelle

2010

Animation didactique - Sfr

Module didactique grand-public réalisé pour SFR. réalisation des illustrations et de l'animation.

  • animation flash
  • didactique visuelle
  • illustrator
module intercatif Carte de voeux interactive

Carte de voeux interactive

Animation sur le thème de l'année de la biodiversité pour les voeux du ministère de lʼEnseignement supérieur et de la recherche. Design réalisé par Interneto.

  • animation Flash
  • carte de voeux interactive
module intercatif Voeux aes 2011 carte de voeux interactive animation flash

2010

Voeux aes 2011

Carte de voeux interactive

  • Animation Flash
  • conception graphique
  • programmation
module intercatif voeux Samsic carte de voeux interactive animation webgl particules 3d three.js

2017

voeux Samsic

Animation de carte de voeux interactive : typo et design génératif en webgl.

  • animation javascript
  • webgl 3D
module intercatif Jeux Flash - Smasher Game jeu Flash campagne de pub html5 réalisation d'animations Flash module intercatif Jeux Flash - Smasher Game jeu Flash campagne de pub html5 réalisation d'animations Flashmodule intercatif Jeux Flash - Smasher Game jeu Flash campagne de pub html5 réalisation d'animations Flashmodule intercatif Jeux Flash - Smasher Game jeu Flash campagne de pub html5 réalisation d'animations Flashmodule intercatif Jeux Flash - Smasher Game jeu Flash campagne de pub html5 réalisation d'animations Flash

2012

Jeux Flash - Smasher Game

programmation d'un jeux flash dans le cadre de la promotion d'un produit de la marque. webdesign réalisé par l'agence Kerozen.

  • programmation Flash
  • Jeu interactif
prev
next

architecture - urbanisme

Réalisation de sites sur-mesure pour des cabinets d'architectures et d'urbanisme.

architecture - urbanisme Agence d'architecture site d'architecte réalisation de site sur-mesure création d'un site d'archiecte architecture - urbanisme Agence d'architecture site d'architecte réalisation de site sur-mesure création d'un site d'archiectearchitecture - urbanisme Agence d'architecture site d'architecte réalisation de site sur-mesure création d'un site d'archiectearchitecture - urbanisme Agence d'architecture site d'architecte réalisation de site sur-mesure création d'un site d'archiectearchitecture - urbanisme Agence d'architecture site d'architecte réalisation de site sur-mesure création d'un site d'archiecte

2017

Agence d'architecture

Développement Html - Css du portfolio de l'agence. DA réalisée par Arnaud Buzulier. Cms réalisé par Gildas p.

voir le site
  • integration Html5
  • référencement
  • animations Css
architecture - urbanisme Agence d'urbanisme site pour agence d'architecture et d'urbanisme site internet pour agence d'architecture à nantes architecture - urbanisme Agence d'urbanisme site pour agence d'architecture et d'urbanisme site internet pour agence d'architecture à nantesarchitecture - urbanisme Agence d'urbanisme site pour agence d'architecture et d'urbanisme site internet pour agence d'architecture à nantesarchitecture - urbanisme Agence d'urbanisme site pour agence d'architecture et d'urbanisme site internet pour agence d'architecture à nantesarchitecture - urbanisme Agence d'urbanisme site pour agence d'architecture et d'urbanisme site internet pour agence d'architecture à nantesarchitecture - urbanisme Agence d'urbanisme site pour agence d'architecture et d'urbanisme site internet pour agence d'architecture à nantes

2019

Agence d'urbanisme

En collaboration avec Samuel Jan et Dorian Simeha, nous avons réalisé une refonte globale du site Id-UP.org.

voir le site
  • concept et stratégie
  • Integration Html5
  • animation Css
prev
next

portfolio artiste

portfolio artiste Book artiste - Simon Touaux site portfolio artiste book en ligne site artiste plasticien portfolio artiste Book artiste - Simon Touaux site portfolio artiste book en ligne site artiste plasticienportfolio artiste Book artiste - Simon Touaux site portfolio artiste book en ligne site artiste plasticienportfolio artiste Book artiste - Simon Touaux site portfolio artiste book en ligne site artiste plasticienportfolio artiste Book artiste - Simon Touaux site portfolio artiste book en ligne site artiste plasticienportfolio artiste Book artiste - Simon Touaux site portfolio artiste book en ligne site artiste plasticien

2010

Book artiste - Simon Touaux

Webdesign et back-office sur-mesure.

  • Flash AS3
  • site book artiste
portfolio artiste Book - Costumière portfolio artiste Book - Costumièreportfolio artiste Book - Costumièreportfolio artiste Book - Costumière

2018

Book - Costumière

Webdesign et back-office sur-mesure.

voir le site
  • Parallax
  • Animation css
  • template sur-mesure
portfolio artiste Book - sound-designer portfolio artiste Book - sound-designerportfolio artiste Book - sound-designer

2019

Book - sound-designer

Webdesign et développement du site du compositeur "The Brainbow" présentant le projet "Dusk" à travers des extraits de compositions.

voir le site
  • Immersion sonore
  • book de musicien
prev
next

portfolio illustrateur

portfolio illustrateur Book Illustration - Glen Chapron portfolio illustrateur Book Illustration - Glen Chapronportfolio illustrateur Book Illustration - Glen Chapron

Book Illustration - Glen Chapron

Site réalisé en collaboration avec Samuel Jan.

voir le site
  • book illustration
  • wordpress
portfolio illustrateur Book Illustration - Mathieu Demore portfolio illustrateur Book Illustration - Mathieu Demoreportfolio illustrateur Book Illustration - Mathieu Demoreportfolio illustrateur Book Illustration - Mathieu Demore

Book Illustration - Mathieu Demore

Site réalisé en collaboration avec Samuel Jan.

voir le site
  • book illustration
  • wordpress
prev
next

design & communication

design & communication book Designer digital

book Designer digital

Réalisation du book HeyWeMake - Stève Degroot DA digital.

voir le site
  • DA web
  • animation Css
  • webdesign en vidéo
design & communication Site de l'agence Kerozen design & communication Site de l'agence Kerozendesign & communication Site de l'agence Kerozendesign & communication Site de l'agence Kerozendesign & communication Site de l'agence Kerozendesign & communication Site de l'agence Kerozen

2016

Site de l'agence Kerozen

Réalisation d'un template sur-mesure. Design : Agence Kerozen.

  • wordpress
  • template sur-mesure
  • animation css
design & communication Ideactif - agence evenementielle design & communication Ideactif - agence evenementielledesign & communication Ideactif - agence evenementielledesign & communication Ideactif - agence evenementielledesign & communication Ideactif - agence evenementielle

2017

Ideactif - agence evenementielle

Réalisation d'un template sur-mesure.

voir le site
  • integration html5
  • animation css
  • interactivité javascript
design & communication Agence de design - Studio Boost

2019

Agence de design - Studio Boost

Design réalisé par "Antonin + Margaux", développement du site en collaboration avec Dorian Simeha.

voir le site
  • design ludique
  • site responsive
  • transitions barba.js
prev
next

communication institutionnelle

communication institutionnelle Rapport d'activité Agence Parisiennes du Climat communication institutionnelle Rapport d'activité Agence Parisiennes du Climatcommunication institutionnelle Rapport d'activité Agence Parisiennes du Climatcommunication institutionnelle Rapport d'activité Agence Parisiennes du Climat

2017

Rapport d'activité Agence Parisiennes du Climat

Mise en page Html5 du rapport d'activité annuel de l'Agence Parisienne du Climat

voir le site
  • mise en page responsive
  • rapport d'activité
  • institutionnel
communication institutionnelle Infographie Finistère communication institutionnelle Infographie Finistère

Infographie Finistère

Storyboard, Design et Animation After-Effect

  • motion-design
  • after-effect
  • illustrator
communication institutionnelle Maison des sciences de l'Homme en Bretagne mshb integration html5 communication institutionnelle Maison des sciences de l'Homme en Bretagne mshb integration html5communication institutionnelle Maison des sciences de l'Homme en Bretagne mshb integration html5communication institutionnelle Maison des sciences de l'Homme en Bretagne mshb integration html5communication institutionnelle Maison des sciences de l'Homme en Bretagne mshb integration html5

Maison des sciences de l'Homme en Bretagne

Mise en page responsive du site de la Maison de l'Homme en Bretagne. Webdesign signé Samuel Jan.

  • integration html5
  • logo design génératif
prev
next

Communication d'entreprise

Communication d'entreprise L'Oréal CE

2017

L'Oréal CE

Storyboard, design et animation After-Effect

  • animation vidéo
  • ecran vertical
  • after-effect
Communication d'entreprise Site startup - M.Suricate Communication d'entreprise Site startup - M.SuricateCommunication d'entreprise Site startup - M.SuricateCommunication d'entreprise Site startup - M.Suricate

Site startup - M.Suricate

Mise en page responsive du site.

  • site start-up
  • intetration html5
  • bootstrap
Communication d'entreprise Bhd teaser

Bhd teaser

Storyboard, Design et Animation After-Effect

  • motion-design
  • after-effect
  • illustrator
prev
next

site média - presse

Réalisation de mise en page responsive pour des sites pour des quotidiens, journaux ou magazines.

site média - presse Journal Le Télégramme le télégramme de brest mise en page responsive du journal

2014

Journal Le Télégramme

En relation étroite avec le journal, j'ai réalisé le développement Html Css JS du journal lors de son passage au responsive. Design signé Arnaud Buzulier.

voir le site
  • Mise en page responsive du journal
site média - presse Faim magazine mis en page responsive template sur-mesure graphisme hypster hypster life magazine site média - presse Faim magazine mis en page responsive template sur-mesure graphisme hypster hypster life magazinesite média - presse Faim magazine mis en page responsive template sur-mesure graphisme hypster hypster life magazinesite média - presse Faim magazine mis en page responsive template sur-mesure graphisme hypster hypster life magazine

2019

Faim magazine

Intégration html5 des pages du magazine.

  • mise en page magazine en ligne
  • presse numérique
  • nouveaux médias
site média - presse Le Journal des Entreprises mise en page du magazine web-ap tablette responsive site média - presse Le Journal des Entreprises mise en page du magazine web-ap tablette responsivesite média - presse Le Journal des Entreprises mise en page du magazine web-ap tablette responsivesite média - presse Le Journal des Entreprises mise en page du magazine web-ap tablette responsive

Le Journal des Entreprises

Développement de la version tablette et mobile du journal.

  • ergonomie mobile first
  • integration css3
prev
next

muséographie

Réalisation d'interfaces interactives didactiques
prenant place au sein de musées ou d'espaces d'expositions.

muséographie Bornes de l'exposition «Peuples Racines»

2012

Bornes de l'exposition «Peuples Racines»

Programmation Flash. Moteur de rendu 3D pour l'animation du globe terrestre. Conception graphique réalisée par KEROZEN Studio.

  • interface tactile
  • programmation Flash
  • offline
muséographie Boat-people muséographie Boat-peoplemuséographie Boat-peoplemuséographie Boat-peoplemuséographie Boat-peoplemuséographie Boat-people

2009

Boat-people

Sur un design signé KEROZEN, programmation Flash de l'interface

  • As3
  • Flash
  • offline
muséographie Boat-people muséographie Boat-peoplemuséographie Boat-peoplemuséographie Boat-people

2009

Boat-people

Sur un design signé KEROZEN, programmation Flash de l'interface

  • As3
  • Flash
  • offline
muséographie Interface «Bandes Fantômes» muséographie Interface «Bandes Fantômes»muséographie Interface «Bandes Fantômes»muséographie Interface «Bandes Fantômes»muséographie Interface «Bandes Fantômes»muséographie Interface «Bandes Fantômes»muséographie Interface «Bandes Fantômes»

2015

Interface «Bandes Fantômes»

Présentée dans le cadre d'une exposition au festival Pulp, cette borne tactile présente des milliers de planches de BD jamais publiées.

  • design de l'interface
  • développement php / mysql
  • installation de la borne au sein de l'expo
muséographie Interface tactile - Chateau de Kerjean muséographie Interface tactile - Chateau de Kerjeanmuséographie Interface tactile - Chateau de Kerjeanmuséographie Interface tactile - Chateau de Kerjeanmuséographie Interface tactile - Chateau de Kerjean

Interface tactile - Chateau de Kerjean

Sur un design signé KEROZEN, programmation Flash de l'interface

  • Programmation Flash
  • offline
  • AS3
muséographie Le Musée Passager muséographie Le Musée Passagermuséographie Le Musée Passagermuséographie Le Musée Passagermuséographie Le Musée Passager

2012

Le Musée Passager

Programmation Flash de l'interface

  • AS3
  • flash
  • offline
prev
next

BD numérique

BD numérique Professeur Cyclope magazine de BD numérique professeur cyclope bd numérique

2016

Professeur Cyclope magazine de BD numérique

Au sein de l'équipe de Professeur Cyclope, j'ai réalisé pendant un an l'intégration des numéros de ce mensuel de BD numérique.

voir le site
  • bd numérique
  • intégration
  • web-ap'
BD numérique Player bd numérique BD numérique Player bd numériqueBD numérique Player bd numériqueBD numérique Player bd numériqueBD numérique Player bd numérique

2018

Player bd numérique

Site présentant en avant première les pages de l'âge d'or, magnifique album réalisé par Roxanne Moreil et Cyril Pedrosa pour la maison d'édition Dupuis. Projet réalisé avec la précieuse collaboration de Dorian Simeha.

voir le site
  • design de l'interface
  • développement Kirby cms
  • animations css et javascript
BD numérique Jolis Flots - BD Numérique BD numérique Jolis Flots - BD NumériqueBD numérique Jolis Flots - BD NumériqueBD numérique Jolis Flots - BD NumériqueBD numérique Jolis Flots - BD NumériqueBD numérique Jolis Flots - BD Numérique

Jolis Flots - BD Numérique

Au sein de la revue "Professeur cyclope", integration sur-mesure de cette histoire signée Cyrill Pedrosa. Conte animé et sonorisé.

  • animations css
  • illustrations interactives
  • sonorisation
BD numérique BD numérique BD numérique BD numériqueBD numérique BD numériqueBD numérique BD numériqueBD numérique BD numérique

2015

BD numérique

Présentée dans le cadre d'une exposition au festival Pulp, cette borne tactile présente des milliers de planches de BD n'aillant jamais été publiées.

  • design graphique
  • programmation php
  • programmation de l'interface tactile
prev
next

borne tactile

borne tactile Borne tactile - Groupe Weare interface tactile webgl html5

2019

Borne tactile - Groupe Weare

Borne tactile présentée au sein d'un salon présentant le groupe et son implantation. Webgl & Vue.js réalisé par Xavier Seignard.

  • intergation front-end
  • animation css
  • conception de l'ergonomie
borne tactile Borne cartographie - SFR

2014

Borne cartographie - SFR

Design et développpement d'une interface tactile présentant l'infrastructure du réseau SFR

  • webdesign de l'interface
  • programmation Flash
  • ergonomie interface tactile
borne tactile Interface tactile - Labo virtuel

Interface tactile - Labo virtuel

Présentation du matériel au sein du workflow d'un labo. 3D by Jeanjean design.

  • ergonomie d'interface
  • animation css
  • integration vidéo
borne tactile Interface VOD borne tactile Interface VODborne tactile Interface VODborne tactile Interface VODborne tactile Interface VOD

2015

Interface VOD

En collaboration avec Addictive web : réalisation d'un dispositif de visionnage de vidéos à la demande au sein de la Ferme du Buisson, scène nationale. Conception de l'ergonomie, Design et integration Html.

  • ergonomie d'interface tactile
  • bornes tactiles
  • VOD
borne tactile BD numérique borne tactile BD numériqueborne tactile BD numériqueborne tactile BD numériqueborne tactile BD numérique

2015

BD numérique

Présentée dans le cadre d'une exposition au festival Pulp, à La Ferme du Buisson, cette borne tactile présente des milliers de planches de BD jamais publiées.

  • design graphique
  • programmation php
  • programmation de l'interface tactile
prev
next

A propos

_

Code

Je code avec les langages natifs du web : Html5 css3 et Javascript pour la mise en page, et php pour l'interface de mise à jour. Pour ce faire je n’utilise jamais de template existant, je crée un code css sur-mesure, optimal sans rien de trop, Voici la feuille de style de mon site par exemple. Moins de code, moins de plugins, moins de wordpress pour un site au final plus light et plus simple à maintenir dans la durée. #greenIT

_

Suivi de projet

Cette démarche est indispensable pour produire un message synthétique, graphique et efficace. si besoin est, je peux jouer le rôle de chef de projet et définir avec vous objectifs de communication, choix graphiques, choix de prestataires complémentaires. Suivi de projet

_

Coworking

J’ai travaillé dans 6 espaces de travail partagés, de quoi construire des amitiés avec un grand nombre de créatifs talentueux dans de nombreuses spécialités : illustration, photographie, rédactionnel, graphisme etc...

_

Minimal design

En matière de web-design, le minimalisme est primordial et les animations et micro-interactions font désormais partie integrante du webdesign. Faire simple demande du travail et un certain savoir faire. Je peux vous aider à y voir plus clair.

_

Tarifs

Je base mes devis sur un montant / jour de 400€. pour des cas spécifiques comme des sites portfolio, je peux pratiquer un tarif adapté ( correspondant à une journée de taf environ ).

_

Animation

j’ai beaucoup pratiqué Flash dans une autre vie, un outil qui m'a permis d'apprendre à conjuger programmation et animation. Aujourd'hui j’utilise au maximum les possibilité «natives» du css qui permet des animations hyper fluides sur tous types d’appareils.

_

Interface de mise à jour.

Bien sur, le propriétaire des sites que je réalise a la main sur son contenu. Je travaille depuis quelques temps avec le cms Kirby qui me permet de créer au cas par cas une interface de mise à jour sur-mesure et surtout d’ajuster l’ergonomie de l’interface pour en rendre l'usage hyper simple et intuitif.

pour en savoir plus : getkirby.com

_

Référencement

Ce n’est pas magique et ça se travaille au niveau du code source. Je connais les éléments clés d'un bon référencement naturel.

Merci !

Vous avez une idée en tête ?
Mon mail : lechat.manu@gmail.com

mute unmute