Afficher la version standard du site

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
Formation exclusive 2400€ HT


Demander des informations

 

 

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
 
 

Pré-requis

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

Programme

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