Formation Devenir Webdesigner PRO

Devenir Webdesigner et créer des Sites Web incontournables

Que tu sois en reconversion professionnelle ou que tu souhaites monter en compétences dans la création de Site Web, tu mérites d'avoir toutes les informations nécessaire à ta réussite en Freelance.
Graphiste Print, Développeur•e, Entrepreneur•e, Infographiste, Étudiant•e,... cette formation est faite pour toi.

icône des formations en ligne pourtoifreelance

Dès Débutant

Seuls pré-requis : Avoir un ordinateur, de la motivation et de la détermination. La formation est accessible pour tout type de public alors lance-toi !

icône des formations en ligne pourtoifreelance

Être Webdesigner

Place au professionnalisme pour vivre du Webdesign en freelance. Voici un condensé de mon expérience qui me rapporte + de 50.000€/an.

icône des formations en ligne pourtoifreelance

Théorie et Pratique

Utiliser Photoshop c'est bien ! Mais ce n'est qu'un outil comme beaucoup d'autres. Ici, tu apprendras à utiliser un outil adapté avec les méthodes actuelles du Web 3.0

photo de profil joan haegele pourtoifreelance

TON FORMATEUR

Joan Haegele de Pour Toi Freelance

avis des élèves sur les formations pourtoifreelance

318 élèves actuels

Vivre du Webdesign
en Freelance

Tu es Graphiste Print
et tu souhaites passer au Web...

Tu es Développeur•e
et tu n'es pas créatif...

Tu es Infographiste
et c'en est assez de faire des flyers...

Tu es Entrepreneur•e
et tu souhaites gérer graphiquement ton site...

Tu es Étudiant•e
et tu souhaites monter en compétences...

J'ai ce qu'il te faut.

Soit prêt•e à décoller,

avec mon Expertise.

fusée a propos de pourtoifreelance

Après 5 années d'études le Graphisme (option Webdesign)
Je fais l'erreur saisis l'opportunité de me lancer en Freelance il y a 5 ans (sans rien y connaitre) et je n'aurai pas pu rêver mieux.
Aujourd'hui, je forme en ligne, dans des écoles, dans des entreprises sur le Webdesign et le Webmarketing pour développer son entreprise en ligne.
Je suis convaincu qu'avec les bonnes bases et de la motivation, tout est possible !

5 années d'études ?!
Mais c'est impossible de rivaliser 😱

Détrompe-toi...

Des élèves que j'ai eu en école,
et de mon expérience personnelle,
nous n'avons appris que les bases...

Alors j'ai voulu y remédier
avec une vraie formation

qui t'apprend le webdesign d'aujourd'hui.

Formation Devenir Webdesigner Professionnel

Ce que tu vas retrouver dans la formation

La Formation
(10h de vidéos)

Devenir
Webdesigner Professionnel :

MODULE 1

Les Fondamentaux
du Webdesign

Pour Graphiste en reconversion, futur Webdesigner, Développeur, Bloggueur•se, ecommerçant et toute personne avec un site web 💡

1
TOUS LES MODULES

Des exercices
tout au long
de la formation

Pour Graphiste en reconversion, futur Webdesigner, Développeur, Bloggueur•se, ecommerçant et toute personne avec un site web 💡

+
MODULE 2

Les 20 phases
de production
d'un Site Web

Pour Graphiste en reconversion, futur Webdesigner, Développeur, Bloggueur•se, ecommerçant et toute personne avec un site web 💡

2
MODULE 3

Comprendre
et Maîtriser
l'UX Design

Pour Graphiste en reconversion, futur Webdesigner, Développeur, Bloggueur•se, ecommerçant et toute personne avec un site web 💡

3
MODULE 4

Comprendre
et Maîtriser
l'UI Design

Pour Graphiste en reconversion, futur Webdesigner, Développeur, Bloggueur•se, ecommerçant et toute personne avec un site web 💡

4
MODULE 5

De la Théorie
à la Pratique
avec le maquettage

Pour Graphiste en reconversion, futur Webdesigner, Développeur, Bloggueur•se, ecommerçant et toute personne avec un site web 💡

5

Pour Rappel :

icône des formations en ligne pourtoifreelance

Dès Débutant

Seuls pré-requis : Avoir un ordinateur, de la motivation et de la détermination. La formation est accessible pour tout type de public alors lance-toi !

icône des formations en ligne pourtoifreelance

Être Webdesigner

Place au professionnalisme pour vivre du Webdesign en freelance. Voici un condensé de mon expérience qui me rapporte + de 50.000€/an.

icône des formations en ligne pourtoifreelance

Théorie et Pratique

Utiliser Photoshop c'est bien ! Mais ce n'est qu'un outil comme beaucoup d'autres. Ici, tu apprendras à utiliser un outil adapté avec les méthodes actuelles du Web 3.0

En voici quelques retours :

David - Designer graphique

David

Designer graphique

Actuellement en formation pro en Designer Graphique, j'ai voulu la compléter par cette formation. Je ne connaissais pas Joan. C'est une véritable découverte ! cette formation est plus que complète. La pédagogie, l'humour, et le professionnalisme du formateur en font une formation incontournable sur la plateforme, de mon point de vue. Merci beaucoup ! Il ne reste plus qu'à s’entraîner, à pratiquer, et à se lancer...

Aurélien - Futur Webdesigner

Aurélien

Futur webdesigner

Excellente formation, enfin une formation a mes attentes. Tres bien explique tres bon formateur

Pierre - Développeur web

Pierre

Développeur web

Je suis développeur web et n'ayant pas ces connaissances en design, la formation m'a bien aidé à comprendre comment fonctionne le travail des webdesigners. À présent, je vais pouvoir communiquer avec eux sans difficultés. Merci Joan pour la formation, la 2ème partie pratique était top pour maîtriser l'export des maquettes Adobe XD.

Antonella - Étudiante

Antonella

Étudiante

Étant une grande débutante, j'ai pu apprendre à travers cette formation les bases du web design et savoir identifier le métier en globalité. Connaitre les différentes phases de production d'un site web de A à Z, les logiciels, bonnes adresses et précieux conseils. La plateforme est bien organisée, on se retrouve là ou l'on s'est arrêter lors de notre dernière utilisation et pouvons nous repérer facilement dans les modules. Un formateur très explicite et à l'aise de par son expérience, Merci !

Alexis - Futur Webdesigner

Alexis

Futur webdesigner

Enorme il est vraiment trop trop fort franchement de toutes les formations que j'ai pris c'est clairement la meilleur formation sur le webdesigner il y a énormément de valeur on trouvera nulle part ailleurs donc oé je la conseil à 1 milliard % prenez les yeux fermé débutant ou ceux qui ont des notions de design c'est le top level merci Joan

Corentin - Futur UI/UX designer

Corentin

Futur UI/UX designer

Un grand Merci pour la formation Joan!! Venant du Print , j'ai adoré la partie théorique, j'ai beaucoup appris et ça m'invite à approfondir encore mes connaissances sur le UX design.

Anaïs - Futur Webdesigner

Anaïs

Futur Webdesigner

Formation très bien faite. Formateur disponible pour répondre au questions. rien à dire, que du bon.

Thierry - Webdesigner

Thierry

Webdesigner

J'ai apprécié la formation que j'ai suivi (Webdesign), elle m'a permis d'approfondir des compétences que j'avais déjà, notamment les modules sur l'UI et l'UX. Je conseille largement cette formation à toutes les personnes qui souhaitent apprendre les bases du webdesign!

Olympe - Étudiante

Olympe

Étudiante

Excellente formation, de bonnes explication, bonnes références intégrées.

Naito - Infographiste

Naito

Infographiste

Je faisais quelques site dans le début des années 2000, grosse piqûre de mise à jour nécessaire xD simple et facile à suivre, merci beaucoup.

+10 heures de formation vidéo
et plusieurs projets à la clé

Quelques projets étudiants :

banque en ligne freebe, indy ou zervant avec mockups - projet d'élèves pourtoifreelancespotify - ui design format instagram - projet d'élèves pourtoifreelancenetflix - ui design format instagram - projet d'élèves pourtoifreelancebanque en ligne freebe, indy ou zervant avec mockups - projet d'élèves pourtoifreelance

Prêt•e à vivre du Webdesign ?

Offre Black Week

-50% sur les formations ci-dessous avec le code "BlackWeek21"
*Marquer "BlackWeek21" avant le paiement dans "J'ai un code"

Paiement en 2x

97€

Accès à vie (+10 heures de formation)
• Accès aux futures mise à jour
• Accès à un Slack communautaire
Satisfait•e ou Remboursé•e (2h et sous 14 jours)

Paiement intégral

97€

147€

Accès à vie (+10 heures de formation)
• Accès aux futures mise à jour
• Accès à un Slack communautaire
• Une réduction de 50€ sur la formation
Satisfait•e ou Remboursé•e
(jusqu'à 2h de formation et sous 14 jours)

Questions fréquentes

La formation est-elle payable en plusieurs fois?

Oui, en 2x sans frais pour que tout le monde puisse y accéder.

La formation est-elle Satisfaite ou Remboursée?

Oui, après autant de travail et autant de valeur ajoutée, je suis certain qu'elle plaira à tous les adhérents en sachant que je rajouterai du contenu progressivement. Si ce n'est pas le cas, elle est entièrement remboursée lorsque moins de deux heures de la formation a été consommé sous 14 jours après l'achat.

Le Webdesign, qu’est ce que c’est ? Quel est son rôle ?

Littéralement, le Webdesign est né d'une nouvelle expertise : celle de coupler le graphisme au web. Pourtant, elle ne se limite pas au graphisme de sites internet, même si c’en est une part importante. Cela peut également toucher le graphisme de bannières web ou des visuels pour les réseaux sociaux. Pour faire simple, le webdesigner c’est le graphiste du numérique.

À partir d’un brief, le webdesigner sait établir une traduction globale de la demande. Ainsi, il peut la retranscrire dans des mises en page de contenus destinés pour tous les types d'écrans (web, tablette et mobile). C’est à lui que revient l’application d’une identité visuelle sur les différentes créations web.

Pour les sites internet, il est important de présenter un bon design web afin d'optimiser la navigation de l’utilisateur et le guider vers les informations souhaitées. Il est ainsi important de concilier esthétique et praticité.

Plus qu’un simple habillage de site web, le webdesign  est un véritable élément marketing. Tout est pensé et réfléchi pour favoriser l'expérience utilisateur et faciliter le parcours client. Cela consiste à donner envie de consulter un site web avec une identité graphique adaptée, un contenu utile et en suscitant la confiance de l’internaute.

L’autre rôle du Webdesigner est d’attirer l’attention des visiteurs dès les premières secondes et les convertir en clients. Pour cela, le design joue un rôle central sur le parcours utilisateur. Puisque l’internaute souhaite des informations claires et rapidement trouvables. Les sites non intuitifs et difficiles à la navigation ne capteront pas son attention et ne feront que l’inciter à fuir. Le but est donc de rendre plaisante et efficace la visite pour que les visiteurs y restent et y puisent facilement les réponses à leurs recherches. L’expérience utilisateur représente un point fondamental dans ce métier.

Pour résumer, le webdesign c’est :
  • Créer le visuel des sites web
  • Attirer l’attention de l’internaute
  • Faciliter la visite de l’internaute
  • Présenter les objectifs et les valeurs entreprise
  • Présenter les produits et services de l’entreprise
  • Représenter l’entreprise par son site web
  • Créer des visuels web pour tous les écrans
  • Créer des visuels de bannières web
  • Créer des visuels pour les réseaux sociaux
  • Créer graphiquement et penser au marketing sur le web
C’est pour cela qu’un bon webdesigner doit posséder de nombreuses compétences telles que le graphisme, le webmarketing, le copyrighting, la coordination de projets et j’en passe.

Quelle est la différence entre un Webdesign et un Développeur lors de la création d’un site web ?

Le webdesigner se charge de la partie graphique et ergonomique d’un site Internet ou d’une application. Il va utiliser des logiciels graphiques tels que Photoshop, Illustrator, Adobe XD ou Figma pour simuler le site web qui sera créé.

De son côté, le développeur web va se charger de développer le code du site internet ou de l’application d’après la maquette du webdesigner. Il va traduire cette maquette à l’aide de langage de programmation pour que tout soit fonctionnel et mis en ligne sur internet.

Tu te demandes sûrement pourquoi ne pas développer directement un site web sans webdesigner? Tout simplement parce que le développement est long et contraignant. À titre de comparaison, il est bien plus simple et rapide de faire un dessin avant une sculpture plutôt que de partir sur la sculpture directement. Cela permettra de comprendre le cheminement de sa création en évitant les erreurs.

J’ai déjà essayé de faire des sites web sans maquette préalable, mais cela ne fonctionnait pas. Ces sites restaient très basiques et me demandaient étonnamment plus de travail. C’est finalement plus rapide de faire une maquette puis de la reproduire en code.

Pour résumé, le webdesigner s’occupe de la partie graphique et ergonomique d’un site web ou d’une application quand le développeur s’occupe de le rendre fonctionnel.

Un Webdesigner a- t-il besoin de savoir coder ?

Un Webdesigner n’a pas pour obligation de savoir coder même si cela peut être appréciable. Dans tous les cas, il devra s’associer à un développeur pour l’intégration de ses sites internet.

Actuellement, il y a de plus en plus de solutions dites “no-code” qui permettent de créer des sites web sans code qui permettent de s’affranchir de son développeur. Cela reste néanmoins indispensable d’en avoir un sous le coude dès que nécessaire.

Il existe d’ailleurs deux types de développement : le développement front-end et le développement back-end.
  • Le développement front-end consiste au développement graphique du site web (intégrer tout ce qui est visible à l’écran de l’internaute)
  • Le développement back-end consiste au développement fonctionnel du site web (c’est le code caché que l’internaute ne voit pas, comme un algorithme par exemple)
Le webdesign peut ainsi choisir d’apprendre le développement front-end pour étayer ses compétences.

Certes, le métier de webdesigner est de concevoir des visuels web, néanmoins, il est intéressant pour lui de comprendre comment fonctionne le codage des sites web. Ces informations permettent de comprendre le métier de ses collaborateurs, de savoir ce qu’il est possible de faire ou non et de gagner du temps dans les échanges entre l’équipe de développement et le webdesigner. Tu verras, le développeur t’en sera reconnaissant !

Quel travail effectue le Webdesigner ?

Le travail d’un webdesigner varie en fonction des projets et de leurs demandes. Il va majoritairement travailler sur la création de sites web (site vitrine, site ecommerce, intranet, blog,...), la création d’applications mobile et de visuels web (bannières web, visuels pour les réseaux sociaux,...).

En ce qui concernent les sites web et les applications mobile, il assure une étude complète du projet avec l’ensemble de l’équipe afin de déterminer son champ d’action. En fonction de la répartition du travail, il planifie les différentes actions qui peuvent être :
  • Alignement projet avec le client
  • Définition ou validation de l’identité graphique à adopter
  • Zoning et wireframes servant de brouillon à la création du site web
  • Maquettage du site web
  • Validations et retours divers avec le client
  • Envoi des fichiers aux développeurs pour mise en ligne
  • Vérification et validation du design fonctionnel final
À la fin du projet, il s’assure que l’intégration est bien conforme aux maquettes et éléments échangés. C’est pour cela qu’une bonne écoute, une bonne capacité d’analyse et de la créativité sont appréciées pour faire ce métier.

Avec tous ces éléments, tu comprends que le webdesigner est un peu un chef de chantier qui doit savoir conseiller son client sur les choix à prendre pour mener à bien son projet. Tu dois chercher la solution la plus pertinente en fonction des possibilités et des limites du projet.

Quelles sont les missions d’un Webdesigner ?

En écho avec la question précédente, voici une liste plus exhaustive des missions du webdesigner.

L’organisation générale d’un site et de ses pages
  • L'arborescence, c'est-à-dire l’organisation des pages par lien de parenté
  • L’organisation graphique et logique des pages
  • L’adaptation de l’identité graphique à l’ensemble du site web (typographie, couleurs, images,...)
L’expérience utilisateur (UX Design)
  • La facilité de navigation entre les différentes pages du site
  • L'accessibilité : la lisibilité des textes, la facilité d’accès, l’adaptation à une basse connexion, etc.
  • L’interactivité avec l’utilisateur : les boutons, les vignettes qui changent de couleur au passage de la souris, la validation des formulaires, etc.
La collaboration avec ses partenaires
  • Comprendre le métier de ses collaborateurs (graphistes, illustrateurs, développeur front-end, développeur back-end,...)
Le référencement naturel
  • Comme je le présente dans la formation en référencement naturel, le webdesigner doit être alerte des pratiques SEO pour ses clients
  • La structure des éléments (titres, images, textes…)
  • Les contraintes des 3 piliers du SEO (technique, contenu et notoriété)
  • Savoir proposer des solutions SEO avec un référenceur web
Les problématiques techniques
  • L’adaptabilité aux différents écrans numériques : ordinateur, tablette et téléphone
  • Savoir cadrer le client selon les contraintes techniques et de budget
Un webdesign doit maîtriser toutes ces étapes qui peuvent encore évoluer en fonction de l’étendue du projet client. Bien entendu, cela s’apprend avec le temps, mais autant en apprendre un maximum dès aujourd’hui !

Quelles sont les compétences d’un Webdesigner ?

Les compétences d’un Webdesigner évoluent avec les changements et les normes du Web. Ainsi, un Webdesigner peut choisir de devenir développeur front-end (c’est-à-dire savoir coder la partie visible d’un site).

Ce dont peut avoir besoin un webdesigner :
  • Maîtriser les logiciels de PAO (Publication Assistée par Ordinateur) pour concevoir des visuels : Photoshop, Illustrator, Indesign, Adobe Xd, Figma,...
  • Maîtriser les principes du design graphique et les règles du webdesign
  • Avoir une sensibilité graphique : transmettre parfaitement les concepts, etc.
  • Avoir une bonne logique : les éléments doivent être évident pour l’internaute
  • Connaissance des outils web comme les CMS, les frameworks,...
  • Mise à jour de ses connaissances web et en UX (expérience utilisateur)
Ici, nous parlons de compétences techniques, mais tu te doutes bien qu’il faudra aussi une panoplie de compétences relationnelles pour parfaire ton professionnalisme (curiosité, ouverture d’esprit, orthographe et grammaire, coopération de groupe,...)

Où peut travailler un Webdesigner ?

Pour commencer, un webdesigner peut travailler pour une entreprise (et gérer son site web), travailler dans une agence de communication (qui travaille elle-même pour d’autres clients) ou travailler à son compte en tant qu’indépendant (avec ses propres clients).

Le lieu de travail du webdesigner sera déterminé en fonction de son contrat avec son entreprise, son agence ou ses clients. En tant que tel, un webdesigner peut exercer partout dans le monde puisqu’il peut travailler à distance (un métier parfait pour les digitals nomades). Il m’est d’ailleurs très peu arrivé de créer des sites web pour des personnes que j’ai vu physiquement. Donc ton lieu de travail sera en fonction de ton contrat (en sachant que le lieu le moins contraignant sera en freelance).

C’est quoi l’UI et l’UX design ?

L’UI design et l’UX design, respectivement, l’interface utilisateur (User Interface) et l’expérience utilisateur (User Experience), sont souvent confondus puisqu’ils sont tout bonnement complémentaires.

L’UI design sert à optimiser l’interaction d’un utilisateur avec son interface (comme le visuel d’un site web par exemple). Là où l’UX se concentre sur la bonne utilisation de cette interface (placer les bonnes interactions au bon endroit par exemple). L’UX constitue le fond et l’UI constitue la forme afin de proposer une bonne expérience à l’utilisateur.

Ces 2 compétences réunies permettent de répondre le plus rapidement possible aux besoins de l’internaute (accéder à une information, acheter un produit, récupérer des informations de contacts,...).L’UX design peut être particulièrement poussé à l’aide de wireframes ou encore de tests utilisateurs afin de trouver le meilleur fonctionnement d’interface.

De son côté, l’UI design sera représenté à l’aide de maquettes graphiques réalisées sur un logiciel de maquettage comme Adobe XD ou Figma. Il devra valider graphiquement les choix qui ont été menés lors des tests d’UX design.

Les métiers d’UI et UX designer peuvent tout à fait être une prolongation au métier de webdesigner afin de se spécialiser dans une seule branche. Un expert en UI se rapprochera d’un métier de graphiste lorsqu’un expert en UX se rapprochera d’un métier de psychologue.

Quelle est la différence entre un UI designer, un UX designer et un webdesigner ?

Le terme “webdesigner” est assez générique et peut englober plusieurs métiers de spécialistes. En quelque sorte, pour créer un site web fonctionnel de A à Z, il faut être “Webdesigner UI/UX intégrateur” puisqu’il doit maîtriser le parcours utilisateur (UX), le design d’interface (UI) et le développement du site en front-end (intégrateur).

Ainsi, un webdesigner non-spécialiste sera assez polyvalent et pourra à la fois faire de l’UI et de l’UX à son niveau.

Pourquoi le Webdesign est important pour les différents sites web et applications ?

Le webdesign contribue à la praticité d’un site internet et de son esthétique visuel. Mais ce n’est pas tout ! Lorsque l’on prend en compte la concurrence, la majorité (voir la quasi-totalité) des entreprises possèdent un site internet. Les objectifs sont donc de se démarquer, d’attirer et de convertir les internautes face à cette concurrence. Un bon webdesign participe à la qualité de l’expérience utilisateur, à la valorisation de l’image de marque et à la conversion de ses visiteurs.

De plus, le webdesign permet d’allonger la durée de navigation d’un utilisateur, en multipliant les occasions de visiter les autres pages. Le taux de rebond en est ainsi amélioré (réduction des visiteurs quittant son site dès la première page).

Enfin, le webdesign est conscient de ce qu’il faut mettre en place techniquement pour avoir un bon référencement naturel. Chacun son métier, le développeur est un bon technicien qui maîtrise son instrument lorsque le webdesigner est le chef d’orchestre qui permet d’harmoniser l’ensemble du projet afin d’atteindre les objectifs de son client.

Quels logiciels utilise-t-on pour le Webdesign ?

Le métier de webdesigner englobe un vaste domaine de tâches liées à la création et la conception d’un site internet. Pour mener à bien son travail, le webdesigner doit maîtriser plusieurs logiciels et outils graphiques. L’utilisation des outils varie en fonction de leurs fonctionnalités mais aussi des préférences du Webdesigner.

Pour ne citer qu’une seule gamme, la suite Adobe est très complète et permet le travail en hors connexion. La suite PAO se constitue de :
  • Adobe Photoshop pour le traitement d’images
  • Adobe Illustrator pour la création d’images vectorielles
  • Adobe Premier Pro pour le montage vidéo
  • Adobe After Effect pour le motion design et les effets vidéo
  • Adobe XD pour le maquettage web
  • etc.
On retrouve des logiciels similaires qui permettent de remplacer la site Adobe, par exemple :
  • Adobe Photoshop → Affinity Photo
  • Adobe Illustrator → Affinity Designer
  • Adobe Indesign → Affinity Publisher
  • Adobe XD → Figma
  • etc.
L’utilisation de banques d’images libres de droit, de banques de pictogrammes ou de sites de facilitation colorimétrique font également partie de la boîte à outils du webdesigner. Je t’ai d’ailleurs fait un article de blog très complet au sujet des outils à utiliser.

Quelle est la différence entre un graphiste, un designer graphique, un infographiste et un webdesigner ?

La branche principale de tous ces métiers reste le “graphiste”. Toutes les autres dénominations sont des sous-catégories du métier de graphiste.

Le Webdesigner, lui, est un concepteur de visuels web. Souvent appelé “Webdesigner UI-UX”, il peut être encore spécialisé en UX designer d’un côté et UI designer de l’autre. Il s’occupe de la création graphique de sites web, d’applications et de visuels web (réseaux sociaux et bannières par exemple).

Le graphiste, l’infographiste et le designer graphique sont en quelque sorte les mêmes termes, ils ont juste des connotations plus ou moins sérieuses du métier. Cela fait plus sérieux de s’appeler Designer Graphique (une personne qui réfléchit à ce qu’elle crée) plutôt qu’infographiste (vu comme un simple exécutant de la suite Adobe). Dans tous les cas, c’est un professionnel qui conçoit des supports de communication et des identités graphiques majoritairement pour l’impression. Cela comprend les logos, flyers, affiches ou encore des cartes de visite.