utilisabilité : QuandWebdesign le rencontre le WebMarketing ωεβ (ωεβ)[.0] Christophe zlobinski-furmaniak
ωεβ (ωεβ)[.0] Identité corporate Webdesign Expérience utilisateur communication visuelle & stratégies marketing Management & gestion de projet web & recrutement
ωεβ (ωεβ)[.0] Charte Professionnelle des Travailleurs du Web http://charte.infini-0.com Blog (ωεβ)[.0] http://web.infini-0.com
Fonctions d un site web une fonction marketing (vendre un produit, délivrer du contenu informatif, divertir, informer, donner accès à un service sont les plus courants) un positionnement (se faire connaître, vendre plus, améliorer son trafic ou son SEO, diminuer le taux de rebond, ou augmenter la participation utilisateur) une cible visée (âge, sexe, profession, statut professionnel, goûts, opinions, situation géographique, etc.)
Définitions - Utilisabilité Efficacité Efficience Satisfaction
Définitions - Webmarketing Webmarketing stratégique Création de trafic Analyse de performance Fidélisation
Définitions - Webdesign Architecture Ergonomie Utilisabilité & Accessibilité Marketing
Le web comme le print? Print : 75% linéaires, 25% diagonaux Web : 50-50
Scanner plutôt que lire 79% scannent 200 mots/minute 16% mot-à-mot 28% possible --> 20% seulement
Attraction du texte 78% attraction du texte, 22 % photos ou illustrations 1ers : Titres, résumés d articles, légendes
Le Blabla est zappé 67 % ne regardent jamais une intro 11 premiers caractères ( >2 mots) 85 % sont capables de comprendre d instinct
La forme d un F 1. 1er mouvement horizontal 2. 2e mouvement horizontal 3. Mouvement vertical
I. Fonctions marketing Vendre un produit Informer Divertir Donner accès à un service
1. Vendre un produit Mettre en valeur les produits principaux dès l accueil Caractéristiques principales et techniques Priorité : recherche et comparaison Langage : simple Prix, conditions de livraison Qui sommes-nous?
2. Informer, Headline Article (Le, un) 40 à 60 caractères pour le titre Hors contexte compréhensible Pas de mystère Mots-clés importants et prévisibilité
2. Informer (2) 2 premiers mots de chaque élément apportent un sens Pyramide inversée 1 idée = 1 paragraphe Priorité : lisibilité Expliquez les abréviations
2. Informer (3) Nombres en chiffres Capitales? Listes à puce, listes numérotées, gras Photos de produits Distinction entre contenu éditorial et publicités Accessibilité
3. Divertir Dirigez l attention directement sur ce que vous proposez Courte liste Langage : courant Full Flash, contenu qui bouge ou qui clignote Pas de pop-up, ni de pop-in Priorité : compatibilité cross-browsers Distinction entre contenu éditorial et publicités
4. DOnner accès à un service Simple et direct Slogan à l opposé? Quoi? (la fonction) et pourquoi? (l intérêt) Priorité : authentification, sécurité des données privées, support client Vrai contenu Evitez la publicité et associée
II. Positionnement marketing Se faire connaître Vendre plus Améliorer le trafic Diminuer le taux de rebond
1. Se faire connaître Site web = Outil de communication distribution Nom de domaine mémorisable facilement Produits/services, infos utiles dès la page d accueil CGV, Mises à jour, Qui sommes-nous, CNIL = sérieux Page de contact facilement trouvable et claire Articles, contributions, livres blancs
1. Se faire connaître (2) Permettre de laisser son mail FAQ = réduction des freins à l achat = achat immédiat Etudiez le marché Stratégie SEO CRM et stratégie de pub Communiqué de presse
2. vendre plus Pourquoi? 1. Informations pas claires 2. Site inconnu des moteurs de recherches 3. Les deux...
2. Vendre plus, infos pas claires Optimisation du site Qui sommes-nous, CGV, CNIL, FAQ, support client Rassurer sur la fréquence de la mise à jour du site Fidélisation Automatisation du processus de vente Wording
2. Vendre plus, SEO manquant Wording SEO 70% des clients font de la recherche 80% des clients français passent par Google 31% arrivent sur un site avec des liens externes 26% arrivent en lien direct
2. Vendre plus, SEO manquant Avoir plusieurs NDD pour les fautes de frappe Rediriger vers la page d accueil Campagne de publicité et d un plan média Ecoute et veille
3. Améliorer le trafic SEO essentiel Etude de marché pour un tracking 360 Url rewriting, Title, Hn, Maillage interne, bugs W3C Cross-selling ou cross-reading Buzz
4. Diminuer le taux de rebond Quantité de pages vue élevée + courte durée des visites = pas bien :( Taux de rebond faible + courte durée des visites = pas bien :( Taux de rebond faible/élevé + longue durée des visites = bien :p
4. Diminuer le taux de rebond Tracker les bugs Cohérence du contenu Ne surchargez pas la page d accueil Sections/catégories mis en avant No scrolling Revenir à l accueil facilement Qui sommes-nous + moteur de recherche interne
III. Parlez à la cible Utilisez leurs codes et leurs canaux Des couleurs et des formes pour chacun Sachez trouver les dominantes......et éviter les impairs Outils
1. Utilisez leurs codes & leurs canaux Etude de marché primordiale = Nuancier = Manière de communiquer
2. Des couleurs et des formes 18/25 : couleurs flashy, glossy, formes arrondies ou grunges 30-45 : formes et couleurs plus conventionnelles Couleurs vives = revenus modestes // Couleurs basiques = ménages aisés Rouge, jaune vif, vert = grand public // noir et rouge = plus select Beaucoup d info sur pas beaucoup de place = revenus modestes // Epure, espace = montée en gamme
3. Trouver les dominantes... La liste est longue... Ecoutez ce sera plus simple ;)
4...évitez les impairs (bis) ^^
5. outils Kuler, par Adobe : http://kuler.adobe.com Color Scheme Designer : http://colorschemedesigner.com Colour Lovers : http://fr-fr.colourlovers.com
IV. multiplier les attentions (bonus) Cross-focus Degradé Espace blanc Oubliez le «parlé marketing»
Merci d avoir pris le temps de m écouter :) Le pdf sera disponible ce week-end à l adresse qui s affiche en bas de votre écran http://web.infini-0.com/pw.pdf