Logo de Pettan.art

« L’art imite la nature »
Aristote, La Poétique

Créer du sens par le design

Passionné par l’innovation, l’expérience utilisateur et la transmission, j'accompagne entreprises, associations et porteurs de projet dans la création de solutions digitales et print éthiques, impactantes et accessibles.

  • +10 ans d’expérience Expertise technique, esthétique et pédagogique
  • Approche globale UI/UX design & ingénierie pédagogique
  • Valeurs humaines Collaboration, empathie, transmission
  • Innovation IA, design systémique, storytelling
Mon parcours professionnel
Bertrand Vaillant, designer UI et artiste

Mes expertises

UI/UX Design

Création d’expériences digitales et print

  • Étude, analyse des besoins et interviews utilisateurs
  • Personas, parcours utilisateur, wireframes & maquettes interactives
  • Design d’interfaces web & mobile : ergonomie, accessibilité, SEO
  • Création d'identité visuelle, logos, chartes graphiques
  • Supports print : affiches, catalogues, flyers
Méthodologie basée sur l’audit, le co-design et les itérations rapides.
Ingénierie pédagogique digitale

Conception de parcours e-learning sur-mesure

  • Analyse des besoins pédagogiques et profils d’apprenants
  • Scénarisation, gamification, création de ressources multimédias (vidéo, podcast, quiz…)
  • Production sur plateformes LMS (Rise, StoryLine), automatisation IA, blending learning
  • Accompagnement, formation et animation d’ateliers
Vision 360° du conseil stratégique à la production et la montée en compétence.

Projets phares & Réalisations

Projet RECTEC × DOKKI – Micro-learning
RECTEC × DOKKI
2024
RECTEC × DOKKI

Pilotage de 100 capsules de micro-learning pro, intégration IA & animation d’équipe design.

2024
Concepteur UI/UX e-learning
Modules e-learning / IA
2025
Modules e-learning / IA

Développement de modules interactifs (Rise, StoryLine), formation outils IA, rebranding, supports print.

2025
Site WordPress BVD
Création sites web sur-mesure
2025
Création sites web sur-mesure

Conception de sites pros optimisés UX, référencement & administration 100% guidée pour chaque client.

2025

Pourquoi me faire confiance ?

  • Vision à 360° : double expertise technique, esthétique et pédagogique
  • Maîtrise IA & outils d’avant-garde : production accélérée et personnalisée
  • Écoute, adaptabilité & transparence à chaque phase du projet
  • Accompagnement & formation continuer après livraison
  • Expérience multisectorielle, métiers & univers variés
  • Respect des délais, confidentialité et rigueur
  • Éthique, co-construction et documentation claire

Processus & Méthodologie

  1. 1 Analyse & Diagnostic :
    identification précise de vos besoins et du marché
  2. 2 Co-conception & Atelier :
    co-design, personas, wireframes, prototypage rapide
  3. 3 Production :
    création, développement, tests utilisateurs, ajustements agiles
  4. 4 Livraison clé en main :
    formation des équipes, livre blanc projet, suivi post-livraison

Devis détaillé & flexible

Comment obtenir un devis ?

  1. Contactez-moi par mail ou via LinkedIn/Malt
  2. Nous clarifions ensemble vos besoins, contenus, objectifs, audiences, contraintes
  3. Je vous propose un devis sur-mesure (nature projet, prestations, formats, livrables, délais, tarifs et conditions)
  4. Ajustements selon vos retours : devis final validé avant lancement

Tous mes devis sont clairs, détaillés, sans surprises ni surcoûts.
Une approche pédagogique et transparente pour chaque mission, quels que soient le budget et l’échéance !

Discutons de votre projet

Formulaire de contact

+33 6 01 02 03 04 05
Image de pexel par fauxel qui représente le webmarketing

Le travail en amont
 

Du webmarketing au SEO

Dans mon dossier professionnel vous trouverez des réalisations graphiques avec leur procès.
Un ordinateur portable posé sur une table qui symbolise l'UI-UX

Le design & la conception
 

L’expérience au service de l’UI-UX

Vue d’ensembre de mes compétences à travers un projet unique.
Photo de l'affiche de la fête des vins et fromages de Biocoop

Le graphisme
 

Diverses parutions & travaux

Au cours de mon expérience, j’ai pu réaliser de nombreuses productions que je vous laisse découvrir.

Les Réalisations

  1. Dossier professionnel

    2. Le dossier professionnel est un recueil d’exemple de travaux réalisés au cours de mon année de formation.
    Il se compose de trois parties :

    1. Éléments graphiques d’interfaces et supports de communication

      1. Refonte d’une enseigne de magasin – La Maison du Document ;
        2. Enseigne de magasin
      2. Création d’un flyer publicitaire – Biocoop - Jonathan  ;
        3. Flyer publicitaire
      3. Création d’éléments graphiques pour une affiche promotionnel – Biocoop - Jonathan.
        4. Affiche promotionnelle

    2. Gestion et suivi d’un projet de communication numérique

      1. Établir une stratégie de référencement SEO – Heypapi! ;
        2. Présentation de la stratégie de référencement SEO
      2. Collaborer à plan de webmarketing – CombiSystem de Gardena (travail de groupe) ;
        3. Présentation du plan marketing Gardena
      3. Analyse et recherche SEO pour la création d’un site – Escape Game : l’Apéro - Caen ;
        4. Présentation de l’analyse et recherche SEO

    3. Concevoir, améliorer et animer des sites web

      1. Maquetages de site sur Adobe XD ;
        2. Maquetage pour le site du festival de Beauregard 
      2. Intégration d’un site sur WordPress
        · Escape Game : l’Apéro - Caen (travail de groupe) ;
        3. Escape Games : l’Apéro - Caen 
        · Vigi Environnement Orne Odon ;
        Vigis.fr 
      3. Création d’un site avec Bootstrap en PHP – Pettan.art ;
      4. Intégration d’un site créé sous Bootstrap dans WordPress – Histoire de Pyjamas.
    Télécharger mon dossier professionnel

  2. Dossier projet

    1. Présentation du dossier projet

      2. Pour mon mémoire professionnel, j’ai présenté un projet fictif. Je me suis intéressé à une épicerie locale installée dans mon village à Évrecy, je me suis donc donné comme objectif de :

      1. Transformer son identité visuelle ;
      2. Repenser sa stratégie webmarketing ;
      3. Optimiser sa présence sur les réseaux sociaux ;
      4. Refaire son site web pour le rendre plus utile et ainsi améliorer l’expérience utilisateur ;
      5. Penser et présenter des mises en situations et des parutions ;

    2. Le dossier projet

      3. Réalisé tout au long de l’année de ma formation en m’attachant à un mettre en pratique l’ensemble des attendus du référentiel de l’examen pour obtenir le diplôme CD UI, le dossier se compose de deux parties :

      1. Le rendu imprimé présentant le projet.
        2. Télécharger mon dossier projet
      2. La présentation orale du projet devant un jury.
        3. Télécharger la présentation de mon projet

  3. Réalisations diverses

    4. Lors de mes différents stages et expériences professionnelles, j’ai été amené à réaliser :

    1. Des affiches ;
    2. Des flyers ;
    3. Des logos ;
    4. Des cartes de visites.

    Je vous invite à aller en découvrir quelques-uns en suivant le lien ci-dessous :

    Voir le reste de mes réalisations