webleads-tracker

Formation stratégie digitale - Medialibs

Stratégie de conception digitale : culture web à 360°

La formation "stratégie de conception digitale" 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.

Détail de la formation

Niveau : Débutant à intermédiaire

Durée : 21 heures (3 jours)

Type : Formation collective
Formation exclusive

Profil : Chefs de projets

Tarifs : Formation collective 1497€ HT / personne
Formation exclusive 2400€ HT


Demander des informations

 

 

target-icon Objectifs

  • Comprendre les enjeux de la conception web à 360° : règles juridiques, agilité, vision marketing
  • Maîtriser les fondamentaux techniques de la conception web
  • Valoriser le design d'expérience utilisateur
  • Elaborer une stratégie de présence sur les réseaux sociaux
 
 

check-iconPré-requis

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

list icon blueProgramme

Partie 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

Partie 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

Partie 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
  • L'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 et inscription à la formation :
Stratégie de conception digitale

Vous pouvez aussi nous contacter au 02 41 19 19 92.

En soumettant ce formulaire de contact, j'accepte que les informations saisies soient exploitées dans le cadre de ma demande d'information.