Fiche métier : webdesigner (no-code, Figma & Webflow)

Résumé en 10 secondes

• Vous concevez des maquettes sur Figma, puis vous les intégrez sur un outil no-code comme Webflow pour mettre un site en ligne.
• Vous aidez surtout des startups à avoir un site utile au marketing : vitrine, crédibilité, génération de leads.
• Le travail se fait majoritairement à distance, avec beaucoup de visios et des retours par étapes.
• Au début, attention au rythme : les premiers projets peuvent déborder si vous promettez une date trop courte.
• Premier pas concret : se former (e-learning/bootcamp), puis créer des preuves et s’inscrire sur une plateforme comme Malt.

CIPA → Activités quotidiennes, Vie personnelle, Contribution

Mission & ce qu’on fait concrètement

Missions principales

• Cadrer un besoin en visio : objectifs, contexte, pourquoi un site.
• Structurer le contenu : wireframes (texte + architecture des pages).
• Designer l’interface : maquettes sur Figma.
• Intégrer et publier : mise en ligne sur Webflow (ou autres outils cités).
• Rendre l’équipe marketing autonome : CMS pour éditer textes/images rapidement.

À quoi ressemble une journée de travail

• Début de journée : une visio pour comprendre les objectifs et présenter un process.
• Matin : production sur Figma (souvent wireframes d’abord).
• Début d’après-midi : point de feedback client, ajustements.

CIPA → Activités quotidiennes (process, livrables), Interactions (client), Contribution (site utile)

Compétences & qualités clés

Compétences techniques (hard skills)

• UX : interviewer des utilisateurs, rechercher le besoin, définir des profils types.
• UI : hiérarchie des textes, structuration visuelle, interface (couleurs, organisation).
• Notions de code : HTML/CSS/JavaScript (utile même en no-code ; ajout ponctuel possible).
• Motion design (si vous poussez) : After Effects (cité).

Qualités humaines (soft skills)

• Patience et attention (notamment avec le client).
• Curiosité (le webdesign évolue vite, les outils aussi).
• Empathie (se mettre à la place d’utilisateurs différents).

Outils cités

• Figma
• Webflow
• Framer
• Bubble
• Suite Adobe (mentionnée)
• After Effects (mentionné)

CIPA → Activités quotidiennes (compétences/outils), Interactions (collaboration)

Conditions de travail (webdesigner)

Cadre : distanciel, visios, déplacements ponctuels

• Activité annoncée comme 100% distanciel au quotidien, avec une réalité à 98% à distance sur environ deux ans.
• Présentiel possible sur demande (exemple cité : deux semaines chez Amazon).
• Beaucoup de visios : le relationnel passe largement par l’échange en ligne.

Rémunération : repères donnés

• TJM : 325 € par jour HT.
• Prix au projet (exemples) : landing page autour de 1 500 € ; 3 pages autour de 2 700 €.
• Le prix varie selon nombre de pages et animations.

Statut

• Freelance (conseillé au départ pour accumuler de l’expérience).

Contraintes légales / certifications

Non précisé dans le transcript. À clarifier : obligations liées au statut, assurances, types de contrats.

CIPA → Vie personnelle (revenus, rythme), Interactions (cadre), Statut

Avantages — Pourquoi ce métier peut faire aimer le lundi

• Multiplier les projets et les contextes : plusieurs entreprises, plusieurs domaines.
• Apprendre vite : chaque projet amène sa spécificité.
• Développer l’adaptation : en freelance, vous vous ajustez en continu.
• Gagner en liberté d’organisation : la gestion du temps est décrite comme “mieux” en freelance.

François de Sousa (Web designer) : « En tant que webdesigner, du coup, aujourd'hui, je suis chargé, en fait, j'accompagne des startups pour réaliser leur qui est sur Figma. Donc, c'est un outil de design, et je les intègre après sur Webflow pour que leur site soit live et qu'ils puissent bénéficier un peu d'une carte de visite, d'un aspect marketing, de générer des leads, par exemple. La finalité, est là. »

CIPA → Contribution (utilité business), Activités quotidiennes (variété), Interactions (multi-clients)

Inconvénients & points de vigilance

• Les débuts peuvent déborder : quand une fonctionnalité n’a jamais été vue, la tentation est de “prendre sur son temps perso” pour livrer vite.
  • Piste : accepter une première mission “à taille humaine”, refuser trop gros au départ.
• Syndrome de l’imposteur au lancement, surtout en freelance.
  • Piste : progresser par paliers (2–3 missions à son niveau, puis un projet un peu plus “tricky”).
• Veille continue : les outils et tendances bougent vite.
  • Piste : rester curieux, suivre des profils ciblés, et choisir des outils porteurs.

CIPA → Vie personnelle (rythme), Interactions (pression client), Activités quotidiennes (veille)

Comment y accéder (parcours & étapes)

1. Se renseigner / clarifier
   • Tester votre appétence : aimer comprendre comment “ça fonctionne derrière”.
   • Observer la dynamique outils (no-code en croissance : Webflow/Framer cités).
2. Se former / valider
   • Options citées : e-learning, formation à distance (ex. OpenClassrooms), bootcamps (3 à 6 mois).
   • Base recommandée : UX/UI (puis spécialisation site web ou application).
3. Constituer des preuves
   • Créer des projets, même petits.
   • Documenter son parcours et publier (LinkedIn).
4. Obligations légales/certifs

   Non précisé dans le transcript. À clarifier.

5. Candidater / démarcher
   • Commencer à s’inscrire sur des plateformes avant la fin de formation (ex. Malt).
6. Réseauter / rencontres clés
   • Suivre des personnes repères sur LinkedIn (Théo Roland, Vincent Bido cités).

• 3 questions CIPA à clarifier (prioritaires)
  • Vie personnelle : après la première année, quel rythme réaliste sans s’épuiser ?
  • Interactions : comment cadrer les retours client (délais, périmètre) dès le début ?
  • Contribution : comment relier votre travail à l’objectif “leads/marketing” attendu ?

CIPA → Activités quotidiennes (preuves), Interactions (réseau), Vie personnelle (rythme)

Astuces

• Commencez petit : une mission adaptée à vos capacités actuelles.
• Montez le niveau progressivement : même base + une nouvelle difficulté.
• Ne restez pas dans la théorie : passez à l’action, lancez des missions en parallèle de la fin de formation.
• Tarifs : partez du temps passé (TJM), augmentez “crescendo”, et ajustez selon ce qui bloque (portfolio/compétences).

CIPA → Activités quotidiennes (méthodes), Vie personnelle (gestion du temps)

Retours d’expérience

François de Sousa (Web designer) : « Première question: le temps global, j'ai mis à peu près six mois pour la partie Figma et Webflow, je l'ai fait sur trois mois. J'ai commencé un peu en amont quand j'étais en tant que conseiller bancaire, le soir et un peu les week-ends… Mais voilà, en tout et pour tout neuf mois. Et après, pour trouver la première mission… je me suis inscris sur Malt… Et au bout de deux mois, ça a été la mission… Une fois qu'on l'a trouvée, après, les contrats, ils s'enchaînent, et si ça se passe bien. »

• Formation : ~9 mois au total (avec un démarrage en parallèle d’un emploi).
• Décrochage de la première mission : ~2 mois après inscription sur Malt.

CIPA → Vie personnelle (effort de reconversion), Interactions (plateformes), Activités quotidiennes (formation/outils)

Évolutions & passerelles

• UX/UI designer : décrit comme un socle large qui englobe webdesign et design d’applications.
• Design d’applications mobiles : autre spécialisation possible à partir de la base UX/UI.
• Motion design : extension possible (After Effects cité).
• No-code multi-outils : Webflow, Framer, Bubble cités comme outils à maîtriser.

CIPA → Activités quotidiennes (spécialisation), Interactions (changement de périmètre), Vie personnelle (rythme à stabiliser)

FAQ

• Faut-il coder pour faire ce métier ?
  Il y a “une petite partie” de code possible, mais le no-code traduit beaucoup de propriétés visuellement. Des notions HTML/CSS/JavaScript restent utiles.
• Est-ce un métier fait pour quelqu’un qui n’est pas très “tech” ?
  Il faut au moins une appétence : être curieux de ce qui se passe derrière l’écran.
• Freelance ou salarié : quoi choisir en reconversion ?
  Le conseil donné est de démarrer en freelance pour accumuler des expériences variées, puis choisir ensuite selon ce qui vous convient.
• Quel niveau de télétravail est possible ?
  Dans le cas décrit : quasi tout à distance, avec du présentiel ponctuel sur demande.
• Comment fixer ses tarifs au démarrage ?
  Démarrer sur le temps passé (TJM), augmenter progressivement, et ajuster selon les retours (acceptation trop rapide = prix trop bas).

CIPA → Vie personnelle (revenus/rythme), Activités quotidiennes (compétences), Interactions (cadre)

Ressources citées

• OpenClassrooms
• Bootcamps UX/UI (3 à 6 mois)
• OTO (O-T-H-O) : formation Webflow (partenariat avec le Community Leader Webflow France, tel que cité)
• Google (Coursera) : parcours design/UX cité
• Malt (plateforme freelance)
• LinkedIn (documenter, suivre des personnes repères)

Choisir un cap simple : petit projet, vraie preuve, puis une mission

Le webdesign no-code peut être un vrai terrain d’élan : vous partez d’une idée floue, et vous livrez quelque chose de concret, en ligne, utile. Mais le métier vous demande une chose : tenir la ligne entre ambition et surpromesse.

Votre premier pas : créez une preuve “petite mais finie”. Une landing page, un wireframe propre, ou une maquette sur Figma. Donnez-vous un délai court. Puis proposez une mission à taille humaine. C’est souvent là que le travail commence à “prendre”, et que vous sentez ce petit battement de cœur quand vous êtes à votre place.

CIPA → Activités quotidiennes (preuves), Vie personnelle (rythme), Contribution (site utile)