Formation Webdesign
Web 3.0 en 1 an


TITRE RNCP
 En savoir +

Un Webdesigner c’est quoi ?

Le webdesigner conçoit et réalise des interfaces digitales. Il doit pouvoir allier compétences en graphisme, en ergonomie et en développement.

Il connaît les secrets de la conception centrée sur l’utilisateur, il crée des interfaces fluides et intuitives qui répondent aux besoins et aux attentes des utilisateurs. De plus, il maîtrise les techniques de l’expérience utilisateur (UX) et de l’interface utilisateur (UI), en développant des compétences essentielles pour concevoir des interfaces digitales attrayantes et fonctionnelles.

À l’heure actuelle, il est indispensable que le webdesigner soit conscient de l’impact environnemental et la durabilité de ses créations. Il sait concevoir des sites Web éco-responsables, optimisés en termes de consommation d’énergie et respectueux de l’environnement, en harmonie avec les principes du Web 3.0 plus éthique et plus responsable.

Il sait mettre en place un esthétisme, en réfléchissant à une navigation afin d’améliorer l’expérience utilisateur, pour des interfaces graphiques pertinentes et innovantes. Il sait argumenter chacun de ses choix et faire la promotion de son projet.

Selon les désirs du client et en fonction de la cible, des impératifs du marketing et des contraintes techniques, il doit avoir des compétences à la fois artistiques, mais aussi techniques afin de mener à bien ses missions.

L’évolution du métier de webdesigner

Le métier de webdesigner a connu une évolution significative au fil du temps pour s’adapter aux avancées technologiques, aux tendances du design et aux besoins changeants des utilisateurs. Voici quelques aspects clés de l’évolution du métier de webdesigner :

Passage du design statique au design interactif : À ses débuts, le webdesign se concentrait principalement sur la création de mises en page statiques et visuellement attractives. Avec l’avènement des technologies telles que JavaScript et CSS3, les webdesigners ont commencé à intégrer des éléments interactifs et des animations pour offrir une expérience utilisateur plus immersive.

Adoption du design responsive : Avec l’explosion de l’utilisation des appareils mobiles, le design responsive est devenu essentiel. Les webdesigners ont dû s’adapter en créant des sites web qui s’adaptent de manière fluide à différentes tailles d’écran et offrent une expérience utilisateur cohérente sur les smartphones, les tablettes et les ordinateurs de bureau.

Importance accrue de l’expérience utilisateur (UX) : L’expérience utilisateur est devenue un aspect central du webdesign. Les webdesigners sont désormais chargés de comprendre les besoins et les attentes des utilisateurs, d’optimiser la facilité d’utilisation et la navigation, d’anticiper les interactions et de créer des parcours utilisateur intuitifs pour offrir une expérience engageante et satisfaisante.

Évolution des outils et des technologies : Les webdesigners ont vu l’émergence d’une multitude d’outils et de technologies qui ont facilité leur travail. Des plateformes de conception visuelle comme Webflow et des frameworks front-end tels que Bootstrap ont simplifié la création de sites web, tandis que des outils de prototypage interactif comme Adobe XD et Figma ont permis aux webdesigners de visualiser et de tester leurs designs plus rapidement.

Collaboration étroite avec les développeurs : La collaboration entre les webdesigners et les développeurs est devenue plus étroite. Au lieu de simplement remettre leurs maquettes statiques aux développeurs, les webdesigners travaillent désormais en étroite collaboration avec eux pour assurer une implémentation fidèle de leurs designs, en utilisant des méthodes de travail agiles et en adoptant une approche plus itérative.

Inclusion de l’accessibilité et de l’optimisation du référencement : Les webdesigners sont de plus en plus conscients de l’importance de l’accessibilité et de l’optimisation du référencement (SEO). Ils s’efforcent de créer des designs qui répondent aux normes d’accessibilité, en assurant une navigation claire, des contrastes appropriés et une structure sémantique. De plus, ils prennent en compte les bonnes pratiques SEO pour améliorer la visibilité des sites web sur les moteurs de recherche.

En résumé, le métier de webdesigner a évolué pour devenir une discipline axée sur l’expérience utilisateur, intégrant des compétences en conception visuelle, en interaction, en responsive design, en collaboration avec les développeurs, et en prenant en compte l’accessibilité et l’optimisation du référencement.

Présentation de la formation Webdesign

Les étudiants sont formés à la conception, à la réalisation et à la promotion de projets digitaux interactifs et responsives (interfaces de tout type : interface d’objets connectés, bornes digitales, interfaces domotique, site internet, application, etc.), tout en respectant les normes et standards web d’aujourd’hui et de demain.

En un an, des notions de direction artistique additionnées à l’apprentissage de techniques professionnelles permettent d’être capable de réaliser un projet digital de A à Z : concevoir et créer des interfaces interactives jusqu’à sa mise en ligne. Nous vous emmènerons au-delà du Web 2.0 traditionnel et nous vous ferons découvrir les possibilités infinies offertes par le Web décentralisé. Vous découvrirez comment la blockchain et les smart contracts transforment la façon dont nous interagissons avec Internet, offrant une sécurité renforcée, une décentralisation, une réappropriation des données par les utilisateurs, dans une démarche plus éthique, plus responsable et plus écologique.

Le Web 3.0 peut également introduire de nouvelles formes d’économie numérique, sur un principe de gamification où les utilisateurs peuvent participer à des réseaux décentralisés, créer et échanger des actifs numériques, et être récompensés par des jetons cryptographiques (NFT, POAP) pour leur contribution au réseau (sites, applications, jeux vidéo, etc.).

Cela passe par l’élaboration d’un dossier de recommandation avec recherche de concept, études marketing, définition des cibles, création de persona, et de user story, benchmark, veilles graphique et technique. La constitution d’un design book contenant charte graphique et charte éditoriale, design system, wireframe, maquettes pour arriver à un prototype, qui par la mise en place d’ateliers de design thinking va aboutir à l’intégration front de l’interface soit en HTML/CSS, soit en NoCode (webflow) soit via un CMS (WordPress). Pour finir par la promotion de l’interface avec une stratégie marketing et la création de contenu social media, de pub digitales (montage video, motion design), explainer.

Cela passe par la maîtrise de logiciels appropriés (Figma, Photoshop, Illustrator, Visual Studio Code, After Effects, Google Web Designer…) en plus de l’utilisation de langages dédiés (HTML, CSS, Javascript…) mais aussi par l’apprentissage du NoCode (webflow), d’un CMS de type WordPress et d’extensions incontournables. Les étudiants acquièrent les techniques de réalisation des nouveaux supports de communication qui leur permettront de devenir, demain, les nouveaux acteurs du Web !

À la fin de cette formation, vous serez prêt à créer des designs impressionnants et à façonner l’avenir du Web 3.0. Que vous souhaitiez travailler en tant que designer freelance, rejoindre une agence créative ou lancer votre propre projet en ligne, cette formation donne les compétences et la confiance nécessaires pour atteindre ses objectifs.

Ne manquez pas cette opportunité de développer votre créativité, d’acquérir des compétences recherchées sur le marché du travail et de laisser votre empreinte dans le monde du webdesign. Rejoignez notre formation en webdesign dès novembre et ouvrez les portes d’un univers infini de possibilités artistiques et professionnelles.

Modalités d’évaluation : contrôle continu, partiels, examen de passage en année supérieure pour les formations en plusieurs années ou examen de fin d’études devant un jury de professionnels.

Les objectifs de la formation

> Réaliser un concept en webdesign
> Travail de veille graphique et techniques
> Répondre à un brief client
> Optimiser l’expérience utilisateur
> Création de moodboard, wireframe....
> Répondre à un brief client
> Optimiser l'éco responsabilité d’un projet digital
> Créer le design des interfaces
> Réaliser un prototype
> Utiliser Webflow, wordpress ou le HTML/CSS pour créer un site
> Initiation au Motion design
> Mise en place de gamification (NFT, POAP, etc.)

Moyens mobilisés : Salles équipées d’ordinateurs, Vidéo projecteurs / TV, Wifi, logiciels régulièrement mis à jour. La liste des logiciels est non exhaustive et est susceptible d’être modifiée en fonction des besoins du marché du travail.

Les débouchés et les salaires

> Webdesigner - entre 35 et 40k
> Digital designer - entre 38 et 45k
> Designer d’interface - entre 40 et 48k
> UI designer - entre 35 et 45k
> Intégrateur web - entre 40 et 50k
> Développeur Front End - entre 45 et 55k
> Designer d'intéraction - entre 38 et 50k
> UX designer - entre 38 et 48k

La formation Webdesign en vidéo

Découvrez le témoignage de Maxime, étudiant en Webdesign à l’école Webstart. Il vous parle de son parcours, sa reconversion, son année chez Webstart et pleins d’autres choses.

Extraits du programme

En 1 an vous serez formé au webdesign, que ce soit sur les aspects conceptuels, graphiques ou techniques : les lois d’ergonomie, d’expériences utilisateurs, la création de prototypes autant que le développement front-end n’auront plus de secret pour vous.

Vous développerez toutes les étapes nécessaires à la réalisation d’un projet digital (site internet, mobile first ou application) : du brand content à l’étude de la concurrence pour sortir un concept fort et pertinent ; de la réalisation de wireframe, zoning ou maquettes pour faire un prototype complètement fonctionnel ; finaliser le projet avec une intégration HTML/CSS, uploader sur un FTP ou bien via un CMS de type WordPress ; mais aussi savoir faire la promotion de ce projet via des bannières publicitaires, des animations à destination des réseaux sociaux, ou en optimisant le SEO, etc.

Si vous n’êtes pas curieux (un « défaut » nécéssaire au webdesigner) nous vous apprendrons à le devenir en apprenant à faire une veille graphique et technique. Cette formation, qui se veut la plus complète possible, vous donnera aussi les connaissances nécessaires en droits d’auteur et droits à l’image et aux techniques d’expression orale pour mieux argumenter ses choix et vendre ses projets.

FONDAMENTAUX ET TENDANCES

• Fondamentaux de gestion de projets multimédia
• Organiser sa veille & culture visuelle
• Typologies de site
• Culture de l’image
• Tendances
• Sémiologie
• Techniques d’expressions orales

E-BUSINESS

• Identité numérique (social media & brand content)
• Stratégies de communication et stratégies digitale

UX DESIGN

• Benchmark
• Modélisation utilisateur
• Analyse et scénarisation de sites : expérience utilisateurs (UX)
• Ergonomie web & mobile
• Accessibilité Web
• Arborescence
• Zoning

UI DESIGN / CONCEPTION GRAPHIQUE

• Éco-responsabilité
• Intelligence artificielle
• Moodboards
• Arborescence
• Charte graphique
• Rédaction web et charte éditoriale
• Moodboard
• Wireframing
• Prototypage
• Interface graphique
• Design inclusif
• Design émotionnel / Design thinking
• Design interactif et design d’interfaces
• Responsive Design
• Traitement de l’image
• A/B testing

NO CODE

• Création d’un compte
• Outils de wireframe
• Différents types d’éléments
• Désigner la homepage et pages
• Conception de template de page
• Animations et effets parallax
• Formulaire

CMS WORDPRESS

• Installation et publication
• Personnalisation graphique
• Création et gestion de thème

INTÉGRATION ET PROGRAMMATION WEB

• Langages de programmation et de mise en forme
• HTML / CSS
• Optimisation pour le référencement (SEO)
• Optimisation du code et du cache
• Publier un site
• Optimiser la sécurité

PROMOTION DIGITALE

• Storyboard
• Motion design
• Social media
• pub digitales
• Création de NFT / POAP

PROJET DE FIN D'ANNÉE

Un portfolio et un site internet responsive de qualité professionnelle dont le sujet est choisi par l’apprenant et validé par les formateurs, permettront d’évaluer les différents acquis.

L’examen final est officialisé par un Titre certifié RNCP de niveau 5 de Webdesigner délivré par un jury composé de professionnels.

COMPÉTENCES VISÉES

Pour obtenir la certification, l’acquisition de l’ensemble des blocs de compétences ci-dessous est exigée. Il est toutefois possible de passer ces blocs de compétences individuellement dans ce cas, une attestation est délivrée.

  • Concevoir les éléments graphiques d’une interface et de supports de communication
  • Contribuer à la gestion et au suivi d’un projet de communication numérique
  • Réaliser, améliorer et animer des sites web

Envie d’en savoir plus ?
Téléchargez le programme
complet

Suivez nos formations en initial ou en alternance.

WEBSTART vous donne la possibilité de suivre à la fois des cours théoriques à école et une expérience professionnelle en entreprise. l’alternance permet vous permet de mettre en pratique les connaissances théoriques que vous avez acquis en classe.

Contrat pro

Le contrat de professionnalisation est réalisé dans le cadre d’un CDD ou CDI.
Il est conclu pour une durée minimale de 6 à 12 mois (jusqu’à 24 mois par accord collectif)

  • Le salarié ne rentre pas dans l’effectif de l’entreprise
  • La formation est financée par l’OPCA
  • Réduction des charges sociales et patronales
  • L’école se charge de tout le montage administratif du contrat

Contrat d’apprentissage

Formation 25% à l’école 75% en entreprise Contrat de 6 mois à 3 ans en CDD ou CDI. Public concerné

  • Concerne les jeunes de moins de 16 à 29 ans.
  • Les personnes reconnues comme travailleur handicapé, sans limite d’âge.

Accompagnement

Accompagnement sur les techniques de recherche d’alternance :

  • Recherche d’un contrat de professionnalisation, préparation à l’entretien.
  • Élaboration du CV et de la lettre de motivation. Diffusion des CVs auprès des entreprises.
  • Votre conseiller(e) répondra à vos questions concernant l’alternance.
  • Votre conseiller(e) en formation vous suivra tout au long de votre cursus.

Travaux d'étudiants

Découvrez un aperçu des books de nos étudiants en webdesign

Nos parcours Bachelors & Mastères

Des questions ? Nos conseillers sont là.

Vous souhaitez plus d'infos et des conseils sur les formations qui sont les plus adaptées à votre profil ? Prenez rendez- avec un de nos conseillers. Vous pourrez ainsi :
  • Visiter l’école à travers une visite personnalisée.
  • Poser toutes vos questions à un conseiller en formation.
  • Convaincu ? Demandez un entretien d’admission

Avis de nos étudiants

Nos anciens élèves parlent de nous et donnent leur avis.
Je recommande fortement ! J’ai pu suivre le cursus community manager ainsi qu’une poursuite d’étude en bachelor et m’épanouir pleinement...

Kimi Yaroba

Ancienne étudiante

Trop bonne école, la formation est complète et les profs sont des experts. Adèle à l'accueil est super souriante. Ça donne envie d'y rester !

Caroline Aid

Ancienne étudiante

J'ai approché Webstart en 2020, intéressé par le cursus de Digital Marketing Manager, j'y ai pu passer les 3 dernières années et elles furent très positives.

Gaël Moity-Obry

Ancien étudiant

Que sont-ils devenus ?

Une pédagogie active

Notre équipe pédagogique a mis au point une méthodologie active d’apprentissage en phase avec les attentes des entreprises. Pour ce faire, nous avons développé autour des cours théoriques et pratiques des pop-up classes qui viendront ponctuer les phases du programme.
TARGET CLASSES

Vos projets ont un objectif, nous coacherons pour ne jamais perdre de vue l’axe qui a été fixé.

COUNTDOWN WORKSHOP

Vous développerez une idée qui passera de groupe en groupe afin d’apprendre l’intérêt du Coworking.

BOOSTER HOURS

L’expérience se fait également sur le terrain, vous irez étudier les besoins et les retours des utilisateurs.

DESIGN THINKING

Identifier une problématique, trouver le concept, concevoir la forme qui incarnera ce concept.

WAR CLASSES

Grâce à la technique du Brainstorming qui stimule la réflexion créative, vous étalerez vos idées du sol au plafond.

SESSIONS D’INCUBATION

Vous travaillerez sur un projet en équipe, en totale immersion dans l’école jusqu’au petit matin.

Avantages étudiants

La carte étudiante que recevrez lors de votre inscription donne accès à de nombreux services à l'école WEBSTART. Elle ouvre aussi droit à de nombreuses réductions au quotidien !
ADOBE

Partenariat exclusif

APPLE

-10% de remise sur les ordinateurs

MICROSOFT

-10% de remise sur tous les produits

HP

Jusqu'à -45% de remise

WACOM

De -20 à -30% de remise sur les tablettes

APPLE MUSIC

-50% sur un abonnement Apple Music

Pour en savoir plus sur notre école et sur nos formations, nous vous invitons à télécharger la brochure complète.

WEBSTART, l’école de la création digitale

Devenez entrepreneur, créateur, startupper.

19 rue Yves Toudic, 75010 Paris
Téléphone : 01 42 41 97 76
Une question ? Contactez-nous
Email : contact@ecole-webstart.com

Pourquoi choisir WEBSTART ?

43 ans d'expérience

Faisant partie du groupe MJM GRAPHIC DESIGN, WEBSTART bénéficie de l'expérience, du savoir-faire et du professionnalisme du groupe.

Des professeurs en activité

L'école s’est dotée d’un corps professoral exclusivement composé de professionnels en activité et désireux d’enseigner leur savoir-faire.

Une dynamique pédagogique

Les professeurs apportent aux étudiants un regard théorique mais aussi pratique sur les métiers d’aujourd’hui.

Titres RNCP et CSFP

À la fin de son cursus et après passage devant un jury, les étudiants se voient délivrer un titre enregistré inscrit au RNCP ou un CSFP.

Téléchargez la brochure de l'école