Formateur webdesign UX UI à Lyon et en distanciel

Formateur webdesign UX/UI à Lyon et en distanciel, 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 solides, actuelles et durables.

J’accompagne des professionnels, des indépendants et des apprenants adultes dans la maîtrise du webdesign, du design d’interfaces et des fondamentaux UX, en lien direct avec les usages réels du web..

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

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é.

Les choix d’outils sont toujours mis au service :

  • des objectifs pédagogiques,
  • des fondamentaux du web,
  • et des bonnes pratiques professionnelles.

Domaines de formation en webdesign et UX UI

  • Webdesign WordPress pour sites d’entreprise
  • Design d’interfaces web et systèmes UI
  • Méthodologie de conception, ergonomie et UX
  • Création de visuels pour la communication digitale (TPE-PME)
  • Photoshop & Illustrator appliqués au web
  • HTML5, CSS, responsive design
  • Flexbox et Grid CSS
  • Animation d’interfaces (JavaScript)
  • Prototypage et maquettes interactives avec Figma

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,
  • des supports visuels structurés et exploitables.

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

  • comprendre les logiques de conception,
  • structurer une démarche professionnelle,
  • produire des interfaces cohérentes, accessibles et maintenables.

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

  1. Concevoir, cadrer et unifier un projet web
  2. Analyse concurrentielle et positionnement
  3. Photoshop : retouche d’images, masques, flux non destructif
  4. Illustrator : logo et bases de l’identité visuelle
  5. Charte graphique et kit UI
  6. Maquettage de site web avec Figma
  7. Prototypage interactif (UX/UI)
  8. Optimisation des images (lumière, colorimétrie, exports)
  9. Création d’un site WordPress ou outil nocode (structure, thèmes, blocs)
  10. Intégration et mise en page responsive (éditeur de blocs / bonnes pratiques front-end)
  11. Bases de stratégie digitale et social media
  12. Rédaction de contenus, SEO & notions SEA
  13. Storyboard et scénarisation
  14. Principes du clip vidéo promotionnel
  15. Acquisition image et son
  16. After Effects : bases de l’animation
  17. Montage, étalonnage et animations
  18. Exports vidéo multi-supports
  19. Conception d’une affiche publicitaire (print & web)
  20. 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 web, et de vous aider à produire mieux, pas plus.

Ce que vous en retirez concrètement

  • Une montée en compétences opérationnelle
  • 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 derniers articles « Design UX UI »

  • 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…

  • 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…

Retour en haut