Revenir à la liste

MEDIALIBS — Stratégie de conception digitale

: MEDIAS NUMERIQUESCONCEPTION REALISATION MEDIAS NUME RIQUESSTRATEGIE COMMUNICATION NUMERIQUES CHEF DE PROJET WEB - MULTIMEDIA

La formation permet d'acquérir les principes fondamentaux de la création web à 360° : apprendre à concevoir un projet web dans l'agilité et le marketing, apprendre à valoriser un design dans l'interaction de l'expérience utilisateur ou encore apprendre à élaborer une stratégie de présence sur les réseaux sociaux.

Informations générales

Profil professionnel des stagiaires

:
PUBLICITÉ

:

Connaissances en bureautique
La pratique de plusieurs réseaux sociaux est un plus

Identification du stage

:

La formation permet d'acquérir les principes fondamentaux de la création web à 360° : apprendre à concevoir un projet web dans l'agilité et le marketing, apprendre à valoriser un design dans l'interaction de l'expérience utilisateur ou encore apprendre à élaborer une stratégie de présence sur les réseaux sociaux.

Durée de la formation en centre : 21 heures
Durée de la formation : Durée du stage : 21 heures
stagiaires

Lieu de réalisation
  • 44200 NANTES


Brizé Laurène — 02 41 19 19 92
formation@medialibs.com
www.medialibs.com

Informations pédagogiques

Programme pédagogique

Journée 1: Design d'interface et expérience utilisateur
Introduction : les tendances en webdesign
- Skeuomorphisme
- Métro style
- Flat Design
- Material Design
- Outils : UI kits, design pattern

Atelier : Mettre en place une veille sur les tendances

UX Design (design d'expérience)
- Design d'expérience utilisateur
- Personas et parcours utilisateurs
- Les lois de l'ergonomie web
- Arborescence de navigation Mockup & Wireframes
- Header, footer, zoning de blocs

Atelier N°1 : Créer une fiche projet identitaire

Atelier N°2 : Créer une arborescence de site

UI Design (design d'interface)
- Les contraintes techniques liées au web
- La construction de gabarits d'écran
- Les gestuelles pour le tactile
- Optimisation de la lisibilité : typographie, caractères
- Optimisation de la taille des éléments
- Panorama des outils (InVision, UXPin, Adobe Muse)

Atelier : Créer un prototype intéractif (wireframe)
Images & typographie pour le web
- Les couleurs : RGB
- Les formats d'images : gif, jpg, png, svg, webp
- Notion de résolution d'image (écrans Rétina ou HD)
- Optimisation et enregistrement pour le web
- Les différents types de polices : web fonts
- Les unités de mesures (px, em, rem et %)
- Spécificités de la composition des textes sur le Web

Atelier n°1 : Sélectionner des images et les optimiser

Atelier n°2 : Identifier les typographies d'un site

Template graphique
- Qu'est-ce qu'un template graphique ?
- Cas des places de marché
- Les points de repères à avoir
- Choisir un modèle graphique (PSD)

Atelier : Télécharger un template graphique (PSD)

Webdesign dans Photoshop
- Organisation de sa zone de travail
- Création de multiples plans de travail (artboards)
- Les règles et le système de grille
- Utilisation de grilles prédéfinies
- Objets dynamiques
- Composition des calques
- Outils : plugins photoshop

Atelier : Créer un artboard "desktop"

Responsive design
- La notion de points de rupture
- La notion de Mobile First
- Rendre les images flexibles
- Avantages et inconvénients d'un framework RWD
- Tester son site responsive sur tous les terminaux

Atelier : Créer une maquette graphique mobile

Journée 2 : Les fondamentaux de la conception web
Introduction : droit de l'internet
- Les droits d'auteur sur Internet : la propriété intellectuelle
- La maîtrise de la loi « Informatique et Libertés »
- La publicité par Internet : emailing, spamming, promotion
- La protection de la vie privée et de l'e-réputation
- Information de l'usage des cookies
- Obligations juridiques : dépôt du nom de domaine, protection du nom du site

Atelier : Construire une check-list des bonnes pratiques

L'agilité dans la gestion de projets web
- Les différents acteurs d'un projet web
- Les différentes typologies de projets web
- Choisir les outils de gestion de projets
- Les règles d'or d'un cahier des charges fonctionnel et technique
- L'apport de valeur : MOSCOW
- La phase de test, de recettage et de mise en production
- Valorisation interne et externe du projet web

Atelier : Réaliser un mini cahier des charges

L'entonnoir des conversions
- Ecrire sur le web dans les règles de l'art
- Définir et scénariser vos conversions
- Les bonnes pratiques du Call To Action (CTA)
- Les bonnes pratiques des landing pages
- Outils : scénario, wireframing, landing pages

Atelier : Identifier des actions de conversions

Les fondamentaux du web
- Les principaux langages du web
- Compatibilité des navigateurs & OS
- Back-office Vs Front-office
- Structure d'une page Html
- Présentation de javascript & jQuery

Atelier : Créer une structure Html valide

Installation et configuration d'un CMS
- Qu'est-ce qu'un CMS ?
- Présentation d'un CMS
- Présentation d'un espace FTP
- Gestion de son menu de navigation
- Création de pages de contenus
- Gestion de redirection
- Gestion de son référencement naturel

Atelier : Installer et configurer son site

Intégration et déclinaison graphique
- Qu'est-ce qu'une feuille de styles CSS ?
- Positionnement CSS
- Les types de sélecteurs (id, class et balises)
- La gestion des éléments flottants (float)
- Les propriétés css importantes, les pseudos-classes

Atelier : Comprendre la logique d'intégration graphique

Journée 3 : Elaborer une stratégie de présence sur les réseaux sociaux
Qu'est-ce que le social media et pourquoi l'utiliser ?
-Cartographie des médias sociaux
- Evolution des usages
- Typologies des utilisateurs
- Répartition des devices

Atelier : Identifier les réseaux sociaux intéressants pour votre activité

Ecrire pour les réseaux sociaux
- La lisibilité & le multimédia sur le web
- Les gabarits de présentation
- Apprendre à scénariser pour les réseaux sociaux
- Quel réseau pour quel message, pour quel cible ?
- Trouver l'information et la produire

Atelier : Valoriser votre image dans un réseau social

Définir une stratégie de présence
- Forces et faiblesses du marketing viral
- Marketing 2.0 et les influenceurs
- Marketing social : branding, veille et CRM
- Importance d'une communauté
- Trouver le ton juste, entre proximité et respect
- Bonnes et mauvaises pratiques

Atelier n°1 : Définir une stratégie de présence

Atelier n°2 : Utiliser des outils de social sharing

La stratégie de community management
-
Introduction : Le community manager en France
- La méthodologie EcPaRe
- Cible
- Objectif
- Message
- Dispositif

Atelier : Identifier les outils clés du community manger

Les enjeux de l'e-reputation
- L'identité numérique (personal branding)
- Le contenu de marque (brand content)
- Les outils de gestion et de surveillance
- Connaitre les principes de bases de la veille
- Mettre en place une communication de crise

Atelier : Mesurer et valoriser son e-reputation

La démarche d'inbound Marketing
- A quoi sert le web ?
- 3 types de visiteurs
- Votre dispositif webmarketing
- Inbound vs Outbound Marketing
- Les étapes clés de l'Inbound Marketing

Atelier : Définir des leviers de performances

Informations complémentaires (méthodologie, ...)

21 heures de cours réparties sur 3 journées

Supports et ressources fournis aux stagiaires

- Support de cours (présentation) et poste informatique mis à disposition ;
- Fiche d'information (pré-formation)
- Fiche d'évaluation (post-formation)
- Quiz (test des connaissances) ;
- Accès gratuit à une plateforme de veille technologique

Niveau visé après la formation

AUTRE