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 transposer les maquettes graphiques validées en amont en un site fonctionnel concu 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

Réalisations

J’ai participé à plus d’une centaine de projets interactifs,
En voici une liste subjective classée par thématiques.

portfolio graphisme, design
architecture - urbanisme
site média - presse
BD numérique
portfolio illustrateur
portfolio artiste
animation vidéo
borne tactile
muséographie
événementiel
animation interactive


portfolio graphisme, design

portfolio graphisme, design Site de l'agence Kerozen agence kerozen wordpress template sur-mesure animation css portfolio graphisme, design Site de l'agence Kerozen agence kerozen wordpress template sur-mesure animation cssportfolio graphisme, design Site de l'agence Kerozen agence kerozen wordpress template sur-mesure animation cssportfolio graphisme, design Site de l'agence Kerozen agence kerozen wordpress template sur-mesure animation cssportfolio graphisme, design Site de l'agence Kerozen agence kerozen wordpress template sur-mesure animation cssportfolio graphisme, design Site de l'agence Kerozen agence kerozen wordpress template sur-mesure animation css

2016

Site de l'agence Kerozen

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

  • wordpress
  • template sur-mesure
  • animation css
portfolio graphisme, design book Designer digital book Designer digital DA web animation Css webdesign en vidéo

book Designer digital

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

voir le site
  • DA web
  • animation Css
  • webdesign en vidéo
portfolio graphisme, design Agence de design - Studio Boost Agence de design - Studio Boost design ludique site responsive transitions barba.js

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

architecture - urbanisme

architecture - urbanisme Agence d'architecture site d'architecte integration Html5 référencement animations Css architecture - urbanisme Agence d'architecture site d'architecte integration Html5 référencement animations Cssarchitecture - urbanisme Agence d'architecture site d'architecte integration Html5 référencement animations Cssarchitecture - urbanisme Agence d'architecture site d'architecte integration Html5 référencement animations Cssarchitecture - urbanisme Agence d'architecture site d'architecte integration Html5 référencement animations Cssarchitecture - urbanisme Agence d'architecture site d'architecte integration Html5 référencement animations Css

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.

  • integration Html5
  • référencement
  • animations Css
architecture - urbanisme Agence d'urbanisme réalisation de site pour une agence d'urbanisme concept et stratégie Integration Html5 animation Css architecture - urbanisme Agence d'urbanisme réalisation de site pour une agence d'urbanisme concept et stratégie Integration Html5 animation Cssarchitecture - urbanisme Agence d'urbanisme réalisation de site pour une agence d'urbanisme concept et stratégie Integration Html5 animation Cssarchitecture - urbanisme Agence d'urbanisme réalisation de site pour une agence d'urbanisme concept et stratégie Integration Html5 animation Cssarchitecture - urbanisme Agence d'urbanisme réalisation de site pour une agence d'urbanisme concept et stratégie Integration Html5 animation Cssarchitecture - urbanisme Agence d'urbanisme réalisation de site pour une agence d'urbanisme concept et stratégie Integration Html5 animation Css

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

site média - presse

site média - presse Journal Le Télégramme Mise en page responsive du journal Le Télégramme. intégration html5 responsive design html5

Journal Le Télégramme

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

voir le site
  • responsive design
  • html5
site média - presse Faim magazine  mise en page magazine en ligne presse numérique nouveaux médias site média - presse Faim magazine  mise en page magazine en ligne presse numérique nouveaux médiassite média - presse Faim magazine  mise en page magazine en ligne presse numérique nouveaux médiassite média - presse Faim magazine  mise en page magazine en ligne presse numérique nouveaux médias

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 responsive du journal JDE intégration html5 ergonomie mobile first integration css3 site média - presse Le Journal des Entreprises Mise en page responsive du journal JDE intégration html5 ergonomie mobile first integration css3site média - presse Le Journal des Entreprises Mise en page responsive du journal JDE intégration html5 ergonomie mobile first integration css3site média - presse Le Journal des Entreprises Mise en page responsive du journal JDE intégration html5 ergonomie mobile first integration css3

Le Journal des Entreprises

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

  • ergonomie mobile first
  • integration css3
prev
next

BD numérique

BD numérique Jolis Flots - BD Numérique  animations css illustrations interactives sonorisation BD numérique Jolis Flots - BD Numérique  animations css illustrations interactives sonorisationBD numérique Jolis Flots - BD Numérique  animations css illustrations interactives sonorisationBD numérique Jolis Flots - BD Numérique  animations css illustrations interactives sonorisationBD numérique Jolis Flots - BD Numérique  animations css illustrations interactives sonorisationBD numérique Jolis Flots - BD Numérique  animations css illustrations interactives sonorisation

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 Player bd numérique Player de bd numérique - L'âge d'Or - éditions Dupuis design de l'interface développement Kirby cms animations css et javascript BD numérique Player bd numérique Player de bd numérique - L'âge d'Or - éditions Dupuis design de l'interface développement Kirby cms animations css et javascriptBD numérique Player bd numérique Player de bd numérique - L'âge d'Or - éditions Dupuis design de l'interface développement Kirby cms animations css et javascriptBD numérique Player bd numérique Player de bd numérique - L'âge d'Or - éditions Dupuis design de l'interface développement Kirby cms animations css et javascriptBD numérique Player bd numérique Player de bd numérique - L'âge d'Or - éditions Dupuis design de l'interface développement Kirby cms animations css et javascript

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 Professeur Cyclope magazine de bande-dessinée numérique professeur cyclope - web-app html5 à Nantes - Bd numérique bd numérique intégration web-ap'

2016

Professeur Cyclope magazine de bande-dessinée 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 BD numérique zaefghj design graphique programmation php programmation de l'interface tactile BD numérique BD numérique zaefghj design graphique programmation php programmation de l'interface tactileBD numérique BD numérique zaefghj design graphique programmation php programmation de l'interface tactileBD numérique BD numérique zaefghj design graphique programmation php programmation de l'interface tactileBD numérique BD numérique zaefghj design graphique programmation php programmation de l'interface tactile

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

portfolio illustrateur

portfolio illustrateur Book Illustration - Glen Chapron Book Illustration - Glen Chapron book illustration wordpress portfolio illustrateur Book Illustration - Glen Chapron Book Illustration - Glen Chapron book illustration wordpressportfolio illustrateur Book Illustration - Glen Chapron Book Illustration - Glen Chapron book illustration wordpress

Book Illustration - Glen Chapron

Site réalisé en collaboration avec Samuel Jan.

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

Book Illustration - Mathieu Demore

Site réalisé en collaboration avec Samuel Jan.

voir le site
  • book illustration
  • wordpress
prev
next

portfolio artiste

portfolio artiste Book - Costumière  Parallax Animation css template sur-mesure portfolio artiste Book - Costumière  Parallax Animation css template sur-mesureportfolio artiste Book - Costumière  Parallax Animation css template sur-mesureportfolio artiste Book - Costumière  Parallax Animation css template sur-mesure

2018

Book - Costumière

Webdesign et back-office sur-mesure.

voir le site
  • Parallax
  • Animation css
  • template sur-mesure
portfolio artiste Book - sound-designer  Immersion sonore book de musicien portfolio artiste Book - sound-designer  Immersion sonore book de musicienportfolio artiste Book - sound-designer  Immersion sonore book de musicien

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
portfolio artiste Book artiste - Simon Touaux  Flash AS3 site portfolio portfolio artiste Book artiste - Simon Touaux  Flash AS3 site portfolioportfolio artiste Book artiste - Simon Touaux  Flash AS3 site portfolioportfolio artiste Book artiste - Simon Touaux  Flash AS3 site portfolioportfolio artiste Book artiste - Simon Touaux  Flash AS3 site portfolioportfolio artiste Book artiste - Simon Touaux  Flash AS3 site portfolio

2010

Book artiste - Simon Touaux

Webdesign et back-office sur-mesure.

  • Flash AS3
  • site portfolio
prev
next

animation vidéo

animation vidéo L'Oréal CE

L'Oréal CE

Storyboard, Design et Animation After-Effect

    animation vidéo Infographie Finistère  motion-design after-effect illustrator animation vidéo Infographie Finistère  motion-design after-effect illustrator

    Infographie Finistère

    Storyboard, Design et Animation After-Effect

    • motion-design
    • after-effect
    • illustrator
    animation vidéo Bhd teaser  motion-design after-effect illustrator

    Bhd teaser

    Storyboard, Design et Animation After-Effect

    • motion-design
    • after-effect
    • illustrator
    animation vidéo Infographie Finistère  motion-design after-effect illustrator

    Infographie Finistère

    Storyboard, Design et Animation After-Effect

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

    borne tactile

    borne tactile Borne tactile - Groupe Weare borne tactile avec un globe interactif intergation front-end animation css conception de l'ergonomie

    2019

    Borne tactile - Groupe Weare

    Borne tactile présentée au sein d'un salon présentant le groupe et son implantation

    • intergation front-end
    • animation css
    • conception de l'ergonomie
    borne tactile Borne cartographie - SFR développement d'une cartographie interactive pour SFR webdesign de l'interface programmation Flash ergonomie interface tactile

    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  ergonomie d'interface animation css integration vidéo

    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  ergonomie d'interface tactile bornes tactiles VOD borne tactile Interface VOD  ergonomie d'interface tactile bornes tactiles VODborne tactile Interface VOD  ergonomie d'interface tactile bornes tactiles VODborne tactile Interface VOD  ergonomie d'interface tactile bornes tactiles VODborne tactile Interface VOD  ergonomie d'interface tactile bornes tactiles 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 zaefghj design graphique programmation php programmation de l'interface tactile borne tactile BD numérique zaefghj design graphique programmation php programmation de l'interface tactileborne tactile BD numérique zaefghj design graphique programmation php programmation de l'interface tactileborne tactile BD numérique zaefghj design graphique programmation php programmation de l'interface tactileborne tactile BD numérique zaefghj design graphique programmation php programmation de l'interface tactile

    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

    muséographie

    muséographie Bornes de l'exposition «Peuples Racines»  interface tactile programmation Flash offline

    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 Programmation Flash pour cette borne tactile As3 Flash offline muséographie Boat-people Programmation Flash pour cette borne tactile As3 Flash offlinemuséographie Boat-people Programmation Flash pour cette borne tactile As3 Flash offlinemuséographie Boat-people Programmation Flash pour cette borne tactile As3 Flash offlinemuséographie Boat-people Programmation Flash pour cette borne tactile As3 Flash offlinemuséographie Boat-people Programmation Flash pour cette borne tactile As3 Flash offline

    2009

    Boat-people

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

    • As3
    • Flash
    • offline
    muséographie Boat-people Programmation Flash pour cette borne tactile As3 Flash offline muséographie Boat-people Programmation Flash pour cette borne tactile As3 Flash offlinemuséographie Boat-people Programmation Flash pour cette borne tactile As3 Flash offlinemuséographie Boat-people Programmation Flash pour cette borne tactile As3 Flash offline

    2009

    Boat-people

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

    • As3
    • Flash
    • offline
    muséographie Interface «Bandes Fantômes» Borne Tactile de l'exposition design de l'interface développement php / mysql installation de la borne au sein de l'expo muséographie Interface «Bandes Fantômes» Borne Tactile de l'exposition design de l'interface développement php / mysql installation de la borne au sein de l'expomuséographie Interface «Bandes Fantômes» Borne Tactile de l'exposition design de l'interface développement php / mysql installation de la borne au sein de l'expomuséographie Interface «Bandes Fantômes» Borne Tactile de l'exposition design de l'interface développement php / mysql installation de la borne au sein de l'expomuséographie Interface «Bandes Fantômes» Borne Tactile de l'exposition design de l'interface développement php / mysql installation de la borne au sein de l'expomuséographie Interface «Bandes Fantômes» Borne Tactile de l'exposition design de l'interface développement php / mysql installation de la borne au sein de l'expomuséographie Interface «Bandes Fantômes» Borne Tactile de l'exposition design de l'interface développement php / mysql installation de la borne au sein de l'expo

    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  Programmation Flash offline AS3 muséographie Interface tactile - Chateau de Kerjean  Programmation Flash offline AS3muséographie Interface tactile - Chateau de Kerjean  Programmation Flash offline AS3muséographie Interface tactile - Chateau de Kerjean  Programmation Flash offline AS3muséographie Interface tactile - Chateau de Kerjean  Programmation Flash offline AS3

    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 Programmation Flash de l'interface AS3 flash offline muséographie Le Musée Passager Programmation Flash de l'interface AS3 flash offlinemuséographie Le Musée Passager Programmation Flash de l'interface AS3 flash offlinemuséographie Le Musée Passager Programmation Flash de l'interface AS3 flash offlinemuséographie Le Musée Passager Programmation Flash de l'interface AS3 flash offline

    2012

    Le Musée Passager

    Programmation Flash de l'interface

    • AS3
    • flash
    • offline
    prev
    next

    événementiel


      événementiel Ideactif - agence evenementielle  integration html5 animation css interactivité javascript événementiel Ideactif - agence evenementielle  integration html5 animation css interactivité javascriptévénementiel Ideactif - agence evenementielle  integration html5 animation css interactivité javascriptévénementiel Ideactif - agence evenementielle  integration html5 animation css interactivité javascriptévénementiel Ideactif - agence evenementielle  integration html5 animation css interactivité javascript

      2017

      Ideactif - agence evenementielle

      Réalisation d'un template sur-mesure.

      voir le site
      • integration html5
      • animation css
      • interactivité javascript
      prev
      next

      animation interactive

      animation interactive Voeux agence parisienne du climat  webgl generative design animation javascript

      Voeux agence parisienne du climat

      Animation interactive

      • webgl
      • generative design
      • animation javascript
      animation interactive Voeux aes 2011  Animation Flash conception graphique programmation

      2010

      Voeux aes 2011

      Carte de voeux interactive

      • Animation Flash
      • conception graphique
      • programmation
      animation interactive Carte de voeux interactive Carte de voeux interactive animation Flash carte de voeux interactive

      Carte de voeux interactive

      Animation sur le thème de l'année de la biodiversité - Ministère de lʼEnseignement supérieur

      • animation Flash
      • carte de voeux interactive
      animation interactive voeux Samsic  animation javascript webgl 3D

      2017

      voeux Samsic

      Animation de carte de voeux interactive.

      • animation javascript
      • webgl 3D
      animation interactive Animation interactive Blancpain

      Animation interactive Blancpain

      Mise en avant du produit à travers une animation interactive

        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