Formateur Webdesign, UX/UI & IA à Lyon et distanciel

Stéphane Arrami est formateur UX/UI et webdesign à Lyon, formateur et coach design pour des écoles et organismes comme The Bridge et le Greta, mentor sur le Bootcamp UX Design d’Openclassrooms. Il forme à la méthodologie UX complète (recherche utilisateur, tests, prototypage), au design d’interfaces avec Figma, et au webdesign professionnel, en présentiel à Lyon ou à distance.

J’interviens auprès d’agences de communication et web, de studios créatifs et de centres de formation pour transmettre des méthodes de conception UX/UI solides, actuelles et durables, de la recherche utilisateur jusqu’au prototypage interactif.

Stéphane ARRAMI

Un formateur ancré dans la pratique professionnelle

Ancien Responsable Infographie, aujourd’hui indépendant au sein de Citywizz Communications, je conçois et anime des formations orientées projets concrets, alignées avec les réalités terrain (agence, TPE-PME, production web).

Formations adaptables aux contextes : reconversion, montée en compétences, perfectionnement

Membre de jury – Titre professionnel CDUI (Concepteur Designer UI)

Interventions en présentiel (Lyon, Auvergne-Rhône-Alpes) et en distanciel

Domaines de formation en webdesign et UX UI

Méthodologie UX

  • Recherche utilisateur et personas
  • Promesse de service et définition de la valeur produit
  • Tests utilisateurs et itération
  • Architecture de l’information et parcours utilisateurs

Design d’interfaces (UI)

  • Design d’interfaces web et systèmes UI
  • Prototypage et maquettes interactives avec Figma
  • Charte graphique et kit UI

Webdesign et intégration

  • Webdesign WordPress pour sites d’entreprise
  • HTML5, CSS, responsive design, Flexbox et Grid
  • Animation d’interfaces (JavaScript)

Création visuelle

  • Photoshop & Illustrator appliqués au web
  • Création de visuels pour la communication digitale (TPE-PME)

Outils et environnements pédagogiques

Je forme aussi bien sur :

  • la suite Adobe (Photoshop, Illustrator, After Effects),
  • que sur des outils libres et standards du web, afin de garantir autonomie et pérennité,
  • Figma pour le prototypage et les tests utilisateurs.

Les choix d’outils sont toujours mis au service des objectifs pédagogiques, des fondamentaux du web et des bonnes pratiques professionnelles, jamais l’outil pour l’outil.

Pédagogie orientée projets concrets

Les formations s’appuient sur :

  • des sites laboratoires,
  • des cas réels ou réalistes,
  • des exercices pratiques progressifs, incluant des sessions de tests utilisateurs,
  • des supports visuels structurés et exploitables.

L’objectif n’est pas de multiplier les outils, mais de :

  • comprendre les logiques de conception centrées utilisateur,
  • structurer une démarche professionnelle, de la recherche au prototype,
  • produire des interfaces cohérentes, accessibles et maintenables.

Exemple de déroulé pédagogique (modulable)

  1. Concevoir, cadrer et unifier un projet web A
  2. Analyse concurrentielle et positionnement
  3. Recherche utilisateur : entretiens, personas, besoins
  4. Définition de la promesse de service
  5. Photoshop : retouche d’images, masques, flux non destructif
  6. Illustrator : logo et bases de l’identité visuelle Charte graphique et kit UI
  7. Architecture UX et parcours utilisateurs
  8. Maquettage de site web avec Figma
  9. Prototypage interactif (UX/UI)
  10. Tests utilisateurs et itération
  11. Optimisation des images (lumière, colorimétrie, exports)
  12. Création d’un site WordPress ou outil nocode (structure, thèmes, blocs)
  13. Intégration et mise en page responsive (éditeur de blocs / bonnes pratiques front-end)
  14. Bases de stratégie digitale et social media
  15. Rédaction de contenus, SEO & notions SEA
  16. Storyboard et scénarisation
  17. Principes du clip vidéo promotionnel
  18. After Effects : bases de l’animation, montage, exports multi-supports
  19. Création d’un portfolio professionnel sous WordPress ou outil nocode

Le programme est ajusté selon le niveau, les objectifs et le contexte des apprenants.)

Un accompagnement individualisé (formation adulte)

Chaque parcours est personnalisé :

  • positionnement initial,
  • objectifs professionnels,
  • rythme adapté,
  • évaluations formatives tout au long de la formation.

Les ressources sont accessibles en ligne. Mon rôle est de vous faire gagner du temps, de structurer vos pratiques, de renforcer votre culture UX et web, et de vous aider à produire mieux, pas plus.

Ce que vous en retirez concrètement

  • Une montée en compétences opérationnelle en UX et en webdesign
  • Une méthodologie complète : recherche, promesse de service, prototypage, tests utilisateurs
  • Une meilleure compréhension des standards et normes du web
  • Des méthodes réutilisables dans vos projets professionnels
  • Un regard critique sur vos productions
  • Des réalisations utiles et valorisables (portfolio, cas pratiques)

Explorez les articles « Design UX UI »

  • Source vs WebP

    Manifeste pour l’intégrité des images sources : le danger du tout WebP

    Méthodologie éthique pour créateurs, développeurs, médiateurs et équipes web Dans l’univers du web moderne, l’optimisation règne : compression agressive, conversion automatique en WebP ou AVIF, suppression silencieuse des métadonnées.Ce gain de performance a un prix : la mutilation documentaire.On perd le contexte, l’histoire, la légitimité, parfois même les droits culturels associés à une image. Or…

  • Wireframe Architecture de Navigation

    L’évolution du positionnement des menus web

    Retour d’expérience d’un architecte de l’information Ce que leur déplacement raconte de notre rapport à l’information. Le menu n’a jamais été un simple élément graphique. Son positionnement, sa forme, sa visibilité racontent comment le web pense l’accès à l’information à une époque donnée. En 30 ans, le menu est passé de fondation structurelle à élément…

  • Calvalry

    Former au design UI : alternatives à Adobe et low-cost

    Dans le paysage actuel de la formation au design d’interface, un malaise s’installe. D’un côté, des outils ultra-simplifiés, CapCut, Canva ou Adobe Express, séduisent par leur accessibilité, mais brident la pensée design. De l’autre, le tout-Adobe reste encore perçu comme un passage obligé, au point de devenir une norme… souvent imposée. Entre ces deux extrêmes,…

  • Wave WEBAIM

    Top 100 des outils pour l’intégrateur Web

    L’intégration web est un métier de précision, à la croisée du design, du développement et de l’expérience utilisateur. Pour mener à bien leurs missions, les intégrateurs s’appuient sur un écosystème riche d’outils spécialisés. Voici une sélection exhaustive et commentée de 100 ressources essentielles, classées par thématique. Accessibilité web : rendre le web pour tous L’accessibilité…

  • Rive App

    Maîtrisez l’export vidéo Rive et dites adieu aux bords pixelisés !

    Vous rêvez d’intégrer votre logo animé réalisé avec Rive dans votre logiciel de montage favori, par exemple CapCut, mais les contours pixelisés gâchent tout ? Ne cherchez plus ! Découvrez comment transformer vos créations Rive en vidéos impeccables, même avec les formes les plus complexes. Imaginez : Que vous soyez motion designer chevronné ou créateur…

Cette formation s’inscrit dans mon offre globale de formateur web expert à Lyon, aux côtés des formations développement web, WordPress et SEO.

Questions fréquentes

Formez-vous uniquement au webdesign ou aussi à la méthodologie UX ? Les deux. Au-delà du webdesign et des outils (Figma, Photoshop, Illustrator), je forme à la méthodologie UX complète : recherche utilisateur, promesse de service, tests utilisateurs et itération, une pratique développée en tant que formateur et coach design pour The Bridge et le Greta.

Qu’est-ce que la « promesse de service » en UX ? La promesse de service définit la valeur et les engagements qu’un produit ou service numérique propose à ses utilisateurs. C’est une étape clé de la méthodologie UX, en amont du design d’interface.

Proposez-vous des sessions de tests utilisateurs dans vos formations ? Oui, les tests utilisateurs et l’itération à partir des retours font partie intégrante du déroulé pédagogique, pas seulement le prototypage.

Ces formations sont-elles accessibles aux débutants ? Oui, le programme est ajusté selon le niveau, les objectifs et le contexte de chaque apprenant, du débutant en reconversion au professionnel en perfectionnement.

Retour en haut