Grand Prix Stratégies du Digital 2017

Cette année a eu lieu la 9ème édition du Grand Prix Stratégie du Digital au Palais Brongniart de Paris. Après l’étude de 229 dossiers, le 29 Mars dernier, le jury a délibéré ! C’est la FIDH et l’agence We Are Social qui a remporté le Grand Prix de l’année avec une campagne digitale décalée et originale.

Une référence dans le monde du digital

Cet évènement organisé par le magazine Stratégie, a pour objectif de valoriser le meilleur de la communication digitale, en mettant en avant les meilleurs dispositifs conçus par les marques. Il se décompose en plusieurs catégories : sites, programmes relationnels, brand content, médias sociaux, e-pub, mobile, innovation, campagnes intégrées web-centrées seront à l’honneur.
Les jurys réalisent tout d’abord une présélection en ligne pour attribuer les prix Or, Argent, Bronze de chaque catégorie, pour ensuite attribuer le Grand Prix Stratégies du digital 2017 final. Cet événement est jugé sur la créativité, la qualité, l’efficacité et la force du concept.

#StopThisMovie : quand la réalité rattrape la fiction

La Fédération International des Droits de l’Hommes (FIDH) a convaincu le jury avec sa campagne #StopThisMovie. En collaboration avec l’agence We are Social, le FIDH a lancé une campagne de sensibilisation au risque menaçant du génocide au Burundi sous la forme d’une fiction effrayante de vérité. L‘agence reprend les codes du cinéma et présente le spot sous la forme d’une bande d’annonce “Génocide au Burundi” aux airs de Blockbuster. Cette dernière communique sur le Seul film qu’il ne faut pas laisser sortir. Cette campagne digitale décalé a été diffusé en 2016 à Times Square, sur le site internet AlloCiné et dans de nombreux cinéma Français sous la forme du véritable bande d’annonce. La presse internationale, les réseaux sociaux et les relais d’influences ont permis de diffuser et sensibiliser le plus grand nombre.
Le jury récompense “l’audace, et la capacité à produire un actif durable pour la marque” dans cette campagne digitale décalé, alarmante et impactante.
Retrouvez la bande d’annonce Génocide au Burundi par Pierre Nkurunziza.

Zoom sur le meilleur site Marque/Produit 2017

ORPI a reçu l’Or du Grand Prix Stratégies du Digital 2017 dans la catégorie meilleur site de marque/produit. C’est la qualité du site qui a été récompensé. Effectivement, le nouveau site ORPI combine des informations du marché et des outils d’aide à la décision (espaces clients personnalisés, géolocalisation de biens, estimateur en ligne, chat intégré,…). Un projet de transformation digitale qui a fait son succès. Sur les 8 mois suivant la refonte, plus de 310 000 contacts ont été adressés à Orpi.

Retrouvez tous les résultats du concours 2017

> Un article d’Océne Plet et Ophélie Faverjon.

Les tendances actuelles, inspiration du Webdesign!

« On est créatif de nature, on ne le devient pas » Idée reçu !!

Avoir de l’imagination et de l’inspiration s’avère parfois impossible. A travers cet article, nous avons de quoi vous sauver du syndrome de la « page blanche ».

Pour vous, nous avons identifié les tendances qui nous entourent et qui seront source d’inspiration pour l’élaboration de vos supports visuels print ou digitaux. Le but est de définir l’ambiance générale de vos réalisations et de l’accorder avec cohérence et modernité.

Il faut savoir que la tendance se traduit à travers la mode, la déco, la musique, l’art, les communautés et à travers nos modes de vie. Elle est cyclique, apparaît, disparaît et revient tel un éternel recommencement.

 

  1. Tendance Vintage

Historique

Après-guerre, c’est l’heure des trente Glorieuses ! Le temps est à la révolution technologique des ménages avec l’arrivé des équipements du foyer et du développement des villes. La mode reprend une bouffé d’aire frais, les tensions sont apaisés et la population s’ouvrent enfin aux loisirs et aux autres occupations qui en découlent et le Baby-bombe en est l’une des conséquences! L’ambiance légère est tournée vers les plaisirs de la vie. Les années 50 est aussi le berceau de l’art contemporain qui influencera la décoration intérieur.

 

Tendance

La tendance Vintage se caractérise par le retour aux styles photographiques de cette période. En effet, le filtre photo Sépia façonne les selfies du monde entier.  Ce phénomène se retrouve également dans la décoration de nos intérieurs par la réutilisation des objets de cette époque.

Radios anciennes, affiches publicitaires, jukebox et mobiliers rétro sont au cœur de cette aspiration.  Cependant, c’est à travers la mode qu’elle se propage davantage. De la Pinup version « Marylin Monroe » au look Rock d’Olivia Newton-John du film Grease, les femmes d’aujourd’hui suivent ces codes vestimentaires ou esthétiques. Coiffure au bandeau, rouge à lèvre rouge lumineux, motifs circulaires et jeans Levis taille haute sont les incontournables d’un style retro actuel.

 

Web Design

(à compléter)

 

2. La tendance Hippies

 

Historique :

Le courant Hippies naquit en 1960. Maître de leurs destins, les enfants du Baby-boom protestent contre la violence de la guerre du Vietnam, rejettent les modes de vie traditionnelle et proscrivent la société de consommation de leurs ainés. Ils ressentent un besoin d’émancipation grandissant et s’aventure à la de redécouverte des sens et des rapports humains plus authentiques.

 

Tendance :

La communauté Hippies s’adonnent aux aspects artistiques psychédéliques, qui sont retranscrites dans les formes et motifs utilisés dans la mode, la décoration et l’art de l’époque. Aujourd’hui, la tendance Hippies fait son grand retour. Bracelets et bagues imposantes par millier, tenue décontractée et épurée, plumes et attrape-rêves sont de vigueur. La mode Hippies chic et ethnique

Web design :

(a compléter)

 

3. Tendances Scandinave : ton pastel, moutarde, forme géométrique, ambiance cocooning, utilisation de la texture bois.

4. Tendances Hipster : référence aux bois, à la nature, bretelle et chemise à carreau, bucheron.

5. Tendance Kinfolk (ton épuré, blanc ivoire, feuille de lierre, ambiance new romantique) rêveur.

6. Tendance Underground : galaxie, chaussure plateforme, ambiance sombre, bombers (new punk chic), déco industrielle.

7. Tendance Globe-trotter : style aventurier, le sépia, les voyages, l’imprimé tropical, évasion, tour du monde.

 

Attention, comme beaucoup de choses, l’utilisation des tendances sont à employer avec modération !!  La cible doit trouver le visuel attractif et moderne mais il est impératif que la tendance employée soit subtile et adaptée à l’information communiquée, qu’elle soit à destination d’internet ou à destination de l’impression.Le tout est de convertir la tendance à travers les typographies, les couleurs, les formes et l’ergonomie générale de votre support.

Grace à l’historique et aux codes des tendances identifiées, vous ne risquez pas de tomber dans le mixe des genres et des significations.

Pour finir, il faut savoir sélectionner les éléments pour éviter la  surcharge. Une bonne hiérarchie visuelle passe par une bonne maîtrise des proportions et des espaces négatifs.

A vous de jouer!

Trouver les correspondances :

UX-DESIGN VS UI-DESIGN : CHOISIS TA TEAM

Passionnés du webdesign, curieux, jeune diplômé dans le domaine du digital ? En quête d’une formation design ? C’est article est fait pour vous. C’est ici que vous allez comprendre les subtilités d’un métier d’avenir et approfondir vos connaissances numériques. L’Ux-design, ou comment guider les utilisateurs vers une expérience fluide et interactive. Nous allons vous accompagner dans les chemins de l’application d’un processus de conception et d’ergonomie web. Laissez-vous séduire par le métier d’Ux-designer.

Découverte de l’Ux-design :

Mini introduction pour que tout soit clair :

On commence à en entendre parler, il y a des rumeurs, des chuchotements, ils arrivent en France et sont de plus en plus nombreux… mais qui sont ces Ux-designer ?

UX-design, « User EXperience », conception de l’expérience utilisateur, concept nouveau sur le marché français, beaucoup de designer s’approprient ce terme sans en comprendre sa définition, biaisant sa compréhension. Ainsi rendons justice au métier de l’Ux-designer en lui redonnant son sens premier.

Entendons-nous sur le fait que l’UX-design est avant tout un mode de penser centré sur l’utilisateur, il s’agit de faire un énorme travail de réflexion pour comprendre ses besoins afin de créer un site internet ou une application fluide et hypra-fonctionnelle.

L’Ux-designer, ne se contente pas de penser design au sens esthétique, c’est là que l’on peut parler de design d’expérience pour aboutir à un site internet intelligent.

 Zoom sur l’expérience utilisateur :

Pour s’éloigner des tréfonds corrompus par les UI (Ne le prenez pas mal), nous allons d’abord pénétrer l’esprit de l’utilisateur. Qui est-il ? Qu’aime-t-il ? Que veut-il ? En d’autres termes, il faut prendre en compte ses besoins et ses attentes de manière approfondie. Il nous doit de le connaitre pour nous pencher sur l’ergonomie du site et SURTOUT nous allons anticiper l’usage !

On l’a déjà dit et on commence à le comprendre ; le style de ton site n’est absolument pas ta priorité, même si on te demande de faire une création artistique de malade, il faut avant tout dessiner le chemin le plus adapté au futur visiteur de ton site. Comment le guider simplement et efficacement vers les informations passionnantes que l’on cherche à mettre en avant ? Ne nous énervons pas, le design c’est aussi la qualité graphique du site et son aspect esthétique, je suis d’accord avec toi. C’est ainsi que chaque actions et décisions sont en corrélation et auront un impact crucial sur le bon fonctionnement de ton produit final. Donc lorsque tu te poses l’éternelle question, ce bouton-là doit-il être vert ou bleu, peut-être que tu ne t’es pas assez demandé s’il est vraiment nécessaire.

Règle n°12158 : Ne jamais oublier que l’utilisateur choisira le chemin boueux à la route toute lisse si ce premier lui semble plus rapide !

 L’expérience utilisateur prend tout son sens maintenant : on sait quel circuit il choisira, on prendrait le même d’ailleurs, donc pourquoi pas proposer un produit qui sera promesse d’expérience réussie ?

Vous êtes prêts ? Qu’attendez-vous encore pour nous rejoindre ?

Pourquoi on choisit la team UX ?

Il m’est arrivé d’avoir des mots un peu durs envers les UI, sachez que je n’ai rien contre eux. Mais qu’ils sont-ils vraiment ?

UI-design = User Interface design, en français Design d’interface utilisateur.

Les Ux-designer et les Ui-designer se doivent de travailler ensemble pour apporter un produit final qualitatif.

Compréhension de l'Ux-design

Elles en disent quoi les normes ?

L’UX-design reprend la norme ISO 9241-210 intitulé « Ergonomie de l’interaction homme/système », cela correspond “aux réponses et aux perceptions d’une personne qui résultent de l’usage ou de l’anticipation de l’usage d’un produit, d’un service ou d’un système”. Pour faire simple, on crée le lien entre la machine et l’homme pour obtenir un résultat qui ne demande aucune adaptation de la part de l’utilisateur.

On parle également d’usabilité avec la norme ISO 9241-11 il s’agit du « degré selon lequel un produit peut être utilisé, par des utilisateurs identifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d’utilisation spécifié » On traduit ; pour ce qui est de l’efficacité, il s’agit de vérifier que les buts foxés soient atteints grâce à des critères de réussite bien définis, l’efficience  correspond à l’implication et les efforts nécessaires pour atteindre son but et enfin on parle de satisfaction pour ce qui est des ressentis qui découlent du résultat obtenu.

Quelques synonymes à intégrer trouvés dans un article sur l’UX :

  • Utile
  • Navigable
  • Utilisable
  • Accessible
  • Compréhensible
  • Simple

Processus de réflexion 

 Maintenant que l’on a bien compris le concept, il faut pouvoir intégrer le déroulement ;

 

CE QUI SE CACHE DERRIÈRE LE ONE PAGE DESIGN

Appelé aussi “Mono-page”, le One Page Design s’est démocratisé sur le web depuis quelques années. Offrant de nouvelles possibilités aux utilisateurs mais aussi aux marques, cette méthode de webdesign à significativement changé le visage du web.

MAIS LE ONE PAGE, C’EST QUOI ET POUR QUI ?

Le « one page » ou encore la « mono-page », aimer et détester et aujourd’hui la nouvelle tendance du web qui envahit notre atmosphère.

La « one-page » c’est un site constitué d’une seule page web contenant l’ensemble des contenus d’un site web. La « one-page » est ensuite elle divisée en plusieurs parties, dont les différents contenus sont accessibles en scrollant horizontalement ou verticalement et/ou l’aide de liens internes ancrés. Aujourd’hui, le design « one-page » offre de nombreuses possibilités et rend attractif un site web, mais permet surtout une ergonomie et un design épuré.

Voici quelques exemples de site « one page » :

Actuellement, le « one-page » c’est la tendance du web. Facile d’utilisation et à créer, elle permet de faire vivre à l’utilisateur une véritable expérience sur le site web. L’engouement pour ce design de site web à commencer il y a déjà longtemps, mais depuis peu de temps on voit émerger de plus en plus sur la toile des sites en « mono-page ».

Plus qu’un effet de mode, ce design est devenu un réel outil de marketing pour les entreprises ou les marques. Le design « mono-page » est adaptable à tout type d’entreprise ou n’importe quelle marque, il faut juste veiller à respecter un objectif par section ou partie de votre « mono-page », mais surtout veillé à raconter et faire découvrir votre histoire au fil du chemin de votre site web.

Exemple : Spotify (1ère section : inciter l’internaute à télécharger l’application, 2ème section : Informer, 3ème section : mise en avant du côté émotionnelle, donc convaincre l’internaute, 4ème section : incitation à l’inscription premium et gratuite. Spotify raconte une histoire et amener l’internaute à faire le tour de ses services afin qu’à la fin il s’inscrive.

La « mono-page » peut-être décliner pour n’importe quelles activités telles que : e-commerce, book, site internet informatif…etc. Peu importe votre activité contactez votre webmaster et renseignez-vous auprès d’un webmaster avant de vous lancer, mais surtout réfléchissez à l’objectif principal auquel votre «one-page» va répondre.


LES RAISONS DE SON SUCCÈS
Ergonomie

Le one-page c’est une façon d’avoir un site qui sort du lot par son design et sa façon de naviguer, qui est différentes de la majorité des autres sites présent sur la toile qui n’ont pas de site en mono-page. Cela permet d’avoir un impact sur l’internaute afin de marquer son esprit et de se démarquer des sites de la concurrence par lesquels est passé l’internaute avant.

Le choix d’une ergonomie en one-page permet de
Le petit frère du one page scrolling, le parallax scrolling, a fait son apparition avec l’arrivée du site Nike Better World en 2011. Là encore, le scroll de l’utilisateur est utilisé pour lui permettre de vivre l’expérience la plus immersive possible. Mais il s’agit cette fois-ci majoritairement d’un défilement horizontal, hérité du déplacement de calques de décors dans les jeux vidéos en deux dimensions.

Utilisation simplifié

La mise en page d’un site en one-page, permet de simplifier le voyage de l’internaute sur votre site. Dés son arrivé sur le site il doit pouvoir comprendre où se situe les informations qu’il recherche et lui permettre d’y accéder le plus rapidement. Dans le cas d’une configuration en one-page l’internaute a accès à tous les contenus dès son arrivée. De plus cela permet de consulter tout le site et peut-être lui faire voir des contenus qu’il n’aurait pas forcément été voir de lui-même.

Soignez la structure des pages du site internet

Quand on évoque le call to action, on pense souvent à un gros bouton orange clignotant vers lequel tous les clics de souris des visiteurs de votre site internet iraient idéalement. Il faut attirer l’internaute en lui proposant une ergonomie design qui fait appel au call action.

Une Action

Si la structure de votre site internet est correctement optimisée, si vos articles sont référencés avec des mots clés pertinents, les visiteurs se qui trouvent sur votre site se trouvent sur la page qui répond à son problème.

Informations principales toutes présentes

Bien que parfois très amusante, cette tendance peut cependant entraver la navigation de l’utilisateur si celui-ci doit effectuer une dizaine de scrolls pour accéder au contenu qu’il recherche.

Malgré toutes ses qualités, le One Page reste entaché de quelques points noirs, notamment avec l’arrivée du parallax qui accentue encore plus ses défauts.

 

LE POINT NOIR DU ONE PAGE

La question du référencement se pose régulièrement lorsqu’il s’agit d’un site one-page ou parallaxe. Comment google arrive à comprendre ces sites disposant de peu de contenu, et peu de liens? Matt Cutts affirme que le moteur de recherche comprend de mieux en mieux ce type de site et qu’il ne constitue pas un handicap pour le référencement.

C’est très simple. L’activité de l’entreprise sera au coeur de la question. Le site one-page ne peut s’optimiser que sur un nombre restreint de mots-clés (1 ou 2 maximum). Cela peut être suffisant si vous êtes situé sur un secteur de niche, qui possède peu de concurrence. Mais pour quelque chose de plus classique, il faudra soit s’orienter vers un site plus conventionnel, soit suivre ces quelques conseils pour pallier au manque du One Page Design.

  • Tout d’abord, configurer une adresse URL unique par section. Cela permettra ensuite de les partager sur les réseaux sociaux ou par mail et de générer du trafic de manière plus étendue.
  • La vitesse de chargement a une grande importance aux yeux des robots Google. Optimisez votre contenu (images etc.), afin que votre One Page – déjà rapide – le soit encore plus.
  • Enfin, pour compléter le One Page, ajoutez des pages satellites et n’utilisez votre contenu scrollable qu’en page d’accueil. Cela rendra votre site plus “viable” aux yeux de Google et permettra un référencement plus optimisable.

 

Cette option sera à coupler avec un blog proposant un bon marketing de contenu à partager sur les réseaux sociaux pour générer de l’affluence.
Les sites one-page doivent donc être utilisés en toute connaissance de cause. Il faudra y réfléchir à deux fois avec votre Webmaster avant toute prise de décision. Le One Page sera toujours efficace pour répondre à un objectif marketing précis. Pour aller plus loin, il faudra coupler la solutions avec d’autres outils web plus complet qu’une simple page d’accueil défilante.

En conclusion, nous citerons John Allsopp dans « A Dao of Web Design » (Allsopp, 2000), paru il y a maintenant plus d’une dizaine d’années :

Le contrôle que les designers connaissent avec le support imprimé, et aimeraient parfois avoir sur le Web, n’est qu’une fonction des limitations de la page imprimée. Nous devrions accepter le fait que le Web n’impose pas les mêmes contraintes, et concevoir en fonction de cette flexibilité. Mais nous devons d’abord « accepter l’impermanence des choses. »

Un site monopage doit toujours être un site facilement compréhensible pour les internautes. Il faut employer cette fonctionnalité de manière « intelligente », c’est-à-dire lorsqu’elle correspond à des besoins émanant d’une véritable stratégie. En somme, le one page doit être considéré comme un moyen d’arriver à une fin et non une fin en soi.

Article rédigé par Geoffrey PORTAL, Julien JAMIN et Sihame El ghaouti

 

LES TENDANCES 2017 DU WEBDESIGN APPLIQUÉES AUX SITES E-COMMERCE

Les sites e-commerce en 2017

Les sites e-commerce en 2017
Source : http://a2r.ca

Les dépenses en ligne des consommateurs ont progressé de 14,6% en un an, confirmant la ré-accélération du secteur, avec un chiffre d’affaires de 72 milliards d’euros.
Plus d’un milliard d’achats en ligne ont été réalisés l’an dernier, au rythme de 33 transactions par seconde.
Selon l’étude de la Fédération de l’e-commerce et de la vente à distance, l’e-commerce français devrait atteindre 80 milliards d’euros de chiffre d’affaires cette année.
Les deux raisons principales sont l’élargissement de la clientèle et la hausse de la fréquence d’achat.


Un design responsive

Le design de votre site internet
Source : http://www.alirevite.fr

Afin d’optimiser l’expérience d’achat des usagers, les nouvelles tendances du webdesign seront à privilégier. Les interfaces devront néanmoins restées familières pour ne pas perdre l’utilisateur.
Pour que votre site e-commerce soit référencé de façon optimal, il se doit d’être  responsive.
Ce qui signifie que votre boutique en ligne a grandement intérêt à être lisible facilement sur tous les écrans, quelle que soit leur taille, du smartphone à l’ordinateur, en passant par la tablette. 
Cette année, il faudra donc accorder une grande importance à la mise en page de votre site. L’agencement choisit devra ainsi favoriser la lisibilité de votre page et de l’ensemble de votre site.
Vos internautes viennent sur votre site pour découvrir du contenu, mais n’oubliez pas que si vos clients potentiels restent c’est aussi parce le design de votre boutique en ligne est adapté.

Les indispensables pour une bonne mise en page

 

Le lazy loading

En 2017, bannissez les boutons et liens pour rediriger l’internaute sur la page suivante.
Le défilement long associé à un chargement progressif, appelé aussi lazy loading, se généralise et permet de minimiser les clics de l’utilisateur et de mettre en valeur votre contenu.

Le Material Design

Terminé le Flat Design !
L’influence de Google devrait se poursuivre, notamment dans l’usage du Material Design.
Cette année, on garde la simplicité tout en ajoutant de la perspective, des ombres et des formes géométriques.
Grâce au Material Design, votre site e-commerce sera plus dynamique et l’impression de mouvement sera plus importante.

Le menu “Hamburger”

Le design des sites e-commerce en 2017
Source : https://blog.netapsys.fr

Afin de créer des interfaces plus claires et plus aérées pour votre site de vente en ligne, utilisez des menus de type “hamburger”.
Vos menus “hamburgers” peuvent se transformer pour inciter l’utilisateur à cliquer.
Vous pouvez personnaliser vos animations grâce au CSS, désormais compatibles avec l’ensemble des navigateurs.
Afin de mettre en valeur les icônes de vos réseaux sociaux, n’hésitez pas non plus à proposer des interactions lors de la conception de votre interface.
L’animation occupera cette année encore une place importante sur de nombreux sites : parallax, survol créatif des liens Cinemagraph et GIF.

Les couleurs à privilégier

Les couleurs pour votre site e-commerce
Source : http://tangledindesign.com

Terminé la sobriété !
Cette année, osez l’explosion de couleurs. 2017 devrait aussi être le synonyme du retour des dégradés de couleurs du côté  des boutiques en ligne.

D’après Pantone, le vert serait la couleur de l’année.
Vous n’êtes pas obligé pour autant de tout composer en vert.
Par contre, en 2017, privilégiez les couleurs vives !
Si tout le monde ne peut pas intégrer des visuels hauts en couleurs, ces teintes seront notamment présentes dans les dégradés de couleur, appliqués par exemple comme filtre semi-opaque sur un visuel ou en fond d’écran pour des formulaires.
Les photos Haute Définition et créatives vont s’imposer, aussi bien en page d’accueil que sur les fiches produits.
Les illustrations et icônes serviront à personnaliser l’image de marque de l’entreprise.

Eh que fait la police ?

Pour gagner en clarté et en sobriété, utilisez des polices modernes et originales, de préférence sans serif et d’une taille importante.

Les spécificités du e-commerce

Invasion de robots : Les chatbots devraient prendre une place de plus en plus importante pour accompagner, guider et renseigner les utilisateurs dans leur navigation.
Encore plus de livraison en magasin : Déjà présente chez de nombreux marchands, l’option de commande avec livraison rapide dans un magasin de l’enseigne devrait prendre encore plus d’essor.
Le déclin des carrousels : Un faible taux de clic, combiné à des contraintes de poids et de temps de chargement, devraient sceller le sort des sliders et carrousels qui vont peu à peu disparaître.

RACE Cindy, VAUTRAT Marine

La fièvre esports gagne les annonceurs

Plus que jamais sous le feu des projecteurs, l’e-sport est désormais une discipline à part entière. Des fédérations nationales et internationales ont vu le jour ces dernières années, et les structures se sont professionnalisées. Aujourd’hui, le sport vidéoludique n’est plus ce cercle fermé se cantonnant à une très faible exposition médiatique, puisqu’il s’est ouvert à de nouveaux horizons. Le milieu est devenu un véritable marché, où sponsors et événements de premier ordre viennent rythmer l’expansion de la discipline, loin de ce qu’elle était il y a quelques années. Afin de décrypter cette tendance qui s’est désormais installée dans le monde du sport, prenons quelques chiffres particulièrement parlants.

Les marques à la conquête du marché

Ayant passé l’écueil des clichés entourant les jeux vidéo et leurs joueurs, et devant le véritable engouement populaire suscité par l’e-sport, de nombreuses firmes ont franchi le pas. Parmi les premières à s’être lancées sur le marché, sans grande surprise, nous retrouvons les marques du secteur high-tech. Asus, Intel, Logitech, LDLC, la liste s’est très vite allongée lorsque l’e-sport a pris son envol au début des années 2010. Le domaine se voulant aussi ouvert que attractif, des firmes venant de secteurs divers et variés ont décidé de rejoindre le navire. Qu’il s’agisse d’automobiles, de boissons énergisantes (qui sont un soutien de poids pour les esports), de marques sportives ou même de compagnies liées au secteur de l’énergie, le sport électronique tisse sa toile avec une facilité déconcertante. Devant des audiences en constante progression et un marché s’épaississant au fil des années, les nombreuses firmes affiliées multiplient les actions de promotion : sponsoring, partenariats, participation au cashprize, rien ne manque à leur palette. En 2017, communiquer autour des esports permet d’ouvrir le champ des possibles : les marques peuvent conquérir un jeune public (le prenant réellement en considération avec des actions ciblées et bienveillantes à l’égard de la communauté), tout en apportant un réel impact positif sur leur image de marque. Cette discipline en pleine expansion leur permet, pour certaines d’entre-elles, de donner un coup de fouet à la perception des consommateurs. De plus, les entreprises concernées peuvent également mettre à profit cette exposition. L’e sport webmarketing prend donc une place de choix sur l’échiquier vidéoludique.

Liste des marques associées au secteur de l’e-sport, au niveau mondial. 1er trimestre 2017, source eSports Daily News

La stratégie e-sport webmarketing comme vecteur de développement

Bien que promis à un avenir radieux, quel virage l’e-sport doit-il prendre afin d’assurer sa pérennité ? Premier élément de réponse, déjà pris en compte par les grandes institutions du sport électronique : s’assurer une exposition médiatique à la hauteur de ses ambitions. Autrefois cantonnés aux plateformes spécialisées, à l’instar de Twitch, les tournois et autres évènements ont aujourd’hui trouvé un certain nombre d’accords avec des diffuseurs traditionnels, en France comme à l’étranger. Dans l’Hexagone, SFR, Bein Sports ou encore Canal + ont rejoint la locomotive e-sport, lancée sur de bons rails. Retransmettre des compétitions  sur ces médias grand public, ou créer des émissions dédiées participent à la banalisation de la discipline, menant la vie dure à des clichés encore bien ancrés dans l’imaginaire collectif.
Toutefois, être diffusé ne suffit pas à développer le secteur, qui doit s’appuyer sur des partenaires, des marques présentes mais qui pourraient durablement s’installer si le marché n’était pas aussi obscur. En effet, de récentes études sur l’e-sport webmarketing démontrent que 63% des firmes partenaires du sport électronique souhaiteraient en savoir davantage sur la stratégie à adopter, notamment du fait que les retours sur investissement sont difficiles à quantifier. Devant cette demande grandissante, certaines agences spécialisées ont vu le jour, élargissant encore une fois le champ de vision du marché de l’e-sport.

Par Annabelle Chion, Nathan Chopard et Clement Gielly

Les étapes d’une stratégie webmarketing performante

Étape 1: Pensez votre site web pour optimiser la conversion

La première étape d’une stratégie webmarketing est l’optimisation du tunnel de conversion :

  • De pouvoir mesurer le taux de conversion à chaque étape du processus de conversion.
  • Il faut également réduire le temps de chargement des pages afin d’améliorer l’expérience d’achat du client.
  • Dans le même but il faut raccourcir au maximum le tunnel de conversion.
  • Pour optimiser la conversion il faut également travailler la position des boutons d’actions (bouton ajouter au panier), faire en sorte qu’il soit bien visible et facile d’accès.
  • Il faut également faire en sorte que le visiteur de site se sente en sureté.
  • Afin que le tunnel de conversion soit performant il est également nécessaire que les avis clients soient intégrés et que les pages produits soient bien travaillés afin d’inciter à l’achat.

Étape 2 : Mettez en place une stratégie SEO ciblée et réaliste

Pour qu’une stratégie webmarketing soit performante, il est indispensable que la stratégie SEO soit réaliste et ciblée.

  • Pour l’optimisation du référencement gratuit, il est important de définir une liste de mots clefs pertinents avec sa cible de communication, et ensuite de les faire apparaitre dans ses titres, ses URLS, ses liens et ses images.
  • Il est important de produire des contenus spécifiques à chaque type de clients et reprenant les mots clefs associés. Le but étant de remonter le plus haut sur la « result page » des moteurs de recherche.

Toute cette stratégie a pour but l’acquisition de trafic gratuit.

Étape 3 : Utilisez la précision du ciblage des campagnes SEM

Pour améliorer encore sa stratégie de référencement et donc webmarketing, afin de renforcer sa présence sur certains mots-clefs ou bien encore de lancer un nouveau produit, il est peut être nécessaire de lancer des campagnes SEM (Google Adwords, Facebook Ads…) Cela peut permettre de cibler précisément, par rapport par exemple à une zone géographique, ou par rapport à un produit précis. Cet outil webmarketing, a pour but de générer plus de ventes et de toucher plus de contacts

Étape 4 : Adopter une stratégie de contenu webmarketing pour favoriser l’engagement de vos visiteurs.

La 4ème étape d’une stratégie webmarketing est d’attirer les visiteurs et leur donner envie de rester sur votre site. Il est important de définir une bonne stratégie de contenu en webmarketing. Pas toujours facile, il faut tout d’abord bien analyser votre cible, comprendre ses besoins, et ses attentes afin d’être en total harmonie avec elle et éviter les hors-sujets.

Vous pouvez donc :

  • Créer des vidéos de qualité en les ajoutant sur votre chaîne Youtube (un bon moyen pour capitaliser le nombre d’abonnés, de vues etc)
  • Créer des articles sur votre blog en cohérence avec votre produit et les besoins et attentes de votre cible.
  • Ajouter des interviews ou témoignages de vos clients (cela créer de crédibilité et rend le visiteur confiant)
  • Créer des fiches techniques ou des tutoriels afin d’expliquer au mieux le fonctionnement de produit
  • Ajouter du contenu web périphériques c’est-à-dire les contenus qui ne concernent pas directement à vos produits, mais qui sont en lien avec eux (cela peut donner davantage d’idées à votre visiteur, effet de complémentarité)

Étape 5 : Alimenter vos réseaux sociaux afin de créer votre propre communauté

Faire acte de présence sur les réseaux sociaux n’est pas suffisant. Afin de bénéficier du formidable effet de levier qu’offrent les réseaux sociaux en termes de diffusion de votre communication d’entreprise, il faut créer une véritable communauté.

L’objectif est donc d’alimenter votre page/profil en publiant du contenu tel que : des articles de blog, photos, vidéos, témoignages, offres dans le but d’augmenter votre influence et la fidélisation de vos clients. Plus votre nombre d’abonnés, fan ou followers sera élevé, plus les visiteurs seront susceptibles de rester sur votre page.

De plus, en apportant des compléments d’information ou des réponses, tel qu’être identifier comme expert avec des avis, améliore votre crédibilité et donne confiance aux visiteurs de vous suivre.

Pour finir, ne pas oublier de les rédiger vers votre site, ce qui favorise votre référencement et votre trafic

Étape 6 : Bâtissez une stratégie email marketing performante

La dernière étape d’une bonne stratégie webmarketing, c’est que les campagnes d’e-mailing soient les plus performantes possibles. Pour cela il est important que l’e-mail respecte les quelques règles qui suivent :

  • L’émetteur doit être clairement identifiable
  • Le message doit être personnalisé à l’attention du destinataire
  • L’objet, doit être captivant, court, clair et si possible résumer l’offre et le bénéfice consommateur
  • L’incitation à agir, doit être bien visible
  • Afin d’éviter la lassitude du lecteur, le contenu doit être le plus diversifié possible

 

En conclusion, ces 6 étapes de stratégie webmarketing proposée, vous guide sur l’optimisation du tunnel de conversion ainsi que choisir la stratégie SEO la plus réaliste et adaptée à votre cible notamment par des campagnes SEM. De plus, en adoptant une stratégie de contenu webmarketing cela favorise l’engagement des visiteurs et la création de votre communauté sur les réseaux sociaux.

article rédigé par  Mathilde PUCHEU et Renaud BOUZIDI

Le Flat Design, la tendance minimaliste

flat design la tendance web minimaliste

Depuis quelques temps les interfaces flat design envahissent les écrans des internautes et signent petit à petit la fin du Skeuomorphic Web Design. Le Skeuomorphic Web Design est un style graphique qui consiste à intégrer des éléments, objets réels au webdesign. Le flat design, lui, pourrait être définit comme son opposé total. Mais qu’est-ce que cette tendance minimaliste apporte-elle réellement au monde digital ? à qui s’adresse-t-elle ? et quels sont ses aoûts et ses limites ?

Infographie comparaison skeumorphism et flat design

 Le flat design : définition

Pour débuter, le flat design ou « design plat » est un design graphique minimaliste, où tout ornement en relief a été supprimé dans le but d’améliorer la lisibilité. Il se distingue des autres tendances webdesign par des interfaces minimalistes et des aplats de couleurs vives et actuelles. Le flat design adopte un style graphique épuré qui exclut tous les détails superflus pour aller à l’essentiel tout en portant un véritable intérêt pour la typographie afin de créer une structure au contenu du site.

Avant, les web designer usaient et abusaient du style « Web2.0 glossy » agrémenté entre autres d’ombre porté et d’une multitude d’effet Photoshop. Aujourd’hui, la tendance flat design s’oriente vers des interfaces plus épurées, sans artifices, de grands aplats de couleurs le tout illustré par de nombreuses icones minimalistes.

L’interface flat design, qui ne date pas d’hier mais qui reste toujours dans la tendance actuelle, a été démocratisé par de grandes firmes comme Microsoft ou encore APPLE. On a également pu remarquer récemment que la nouvelle charte graphique de Google penchait aussi du côté de cette nouvelle tendance minimaliste.

Le flat design : Pourquoi cette tendance webdesign et pour qui ?

Infographie utilisateur flat design

Tout comme le responsive web design, le flat design ne sera pas toujours en phase avec les besoins de l’internaute.

Avant de penser design graphique, il est nécessaire de réfléchir d’abord à l’utilisabilité globale du projet :

  • Que viendront chercher les internautes ?
  • Le projet est-il complexe ou plutôt d’un webdesign simple ?
  • Le site est-il destiné à une utilisation en mobilité, ou non ?
  • L’utilisateur est-il à la recherche d’une tendance minimaliste, caractérisé par des couleurs vives, une typographie épurée et des formes légères.

Le flat design est particulièrement utilisé pour des projets dédiés aux appareils nomades ou dont le contenu est suffisamment accessible pour être représenté avec une interface minimaliste.

Il est important de noté qu’au-delà d’un look, d’une mode flat design et d’une tendance webdesign, c’est d’abord l’expérience utilisateur qui doit primer sur les choix d’un nouveau style graphique. L’objectif sera toujours le même : proposer un design qui soit à la fois compris par tous et simple d’utilisation.

Lorsque le flat design permet de mieux véhiculer l’information, de contribuer à une meilleure expérience de navigation pour l’utilisateur, et offre une prise en main supérieure / un taux d’adoption optimale à l’aide d’un webdesign simple, et une web interface design : alors OUI, vive le flat design !

Le pour et le contre de l’interface flat design

Le flat design, l’une des tendances actuelles du webdesign, permet d’améliorer son site et de le rendre unique. Cependant, un webdesign simple (voire trop simpliste) connait également des inconvénients à prendre en compte.

Les avantages de cette tendance graphique

Cette tendance minimaliste possède des avantages à prendre en compte pour valoriser son site internet.

Le flat design permet de créer une web interface design, sobre, épurée, avec des formes graphiques simples. De ce fait, l’internaute n’est pas perturbé par un trop plein d’informations, il peut hiérarchiser les données et les interpréter.

De plus, une interface flat design favorise le chargement rapide des pages du site internet. Tout est fait pour faciliter la navigation, aider l’internaute et rendre le site esthétiquement agréable (formes, couleurs vives, typographie, etc).

La tendance minimaliste est d’actualité, elle reflète l’évolution du web et particulièrement du responsive design.

Infographie avantages interface flat design

Mais quelles sont les limites de cette interface ?

Cette tendance flat design ne serait alors qu’une « tendance », qui pourrait lasser les internautes, et devenir parfois impersonnelle car copiée. L’objectif pour une site est donc de créer une interface flat design personnalisée, avec une forte identité de marque.

Il faut également faire attention à ne pas réaliser une interface minimaliste qui ne prend pas en compte les besoins et les attentes des utilisateurs. Le minimalisme oui, mais pas trop. Des interfaces vides, sans informations sont très peu valorisées.

Nous remarquons donc certaines limites cependant, cette web interface design est très utilisée en ce moment. Une nouvelle tendance très convoitée aujourd’hui qui tend encore à évoluer.

Exemple d’interface flat design

Flat design Twitter

Flat design Site So Word Wide

Flat design Site Skype

by Fanny Janin, Camille Renut et Mathilde Reyes

 

 

Tuto HTML

L’HyperText Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage permettant d’écrire de l’hypertexte, d’où son nom. HTML permet également de structurer sémantiquement et logiquement et de mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images, des formulaires de saisie, et des programmes informatiques. Il permet de créer des documents interopérables avec des équipements très variés de manière conforme aux exigences de l’accessibilité du web. Il est souvent utilisé conjointement avec le langage de programmation JavaScript et des feuilles de style en cascade (CSS). [Source en ligne : wikipédia]

Memento-balises-html-et-proprietes-css

Tuto-HTML

Découvrir le HTML

L’HyperText Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage permettant d’écrire de l’hypertexte, d’où son nom. HTML permet également de structurer sémantiquement et logiquement et de mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images, des formulaires de saisie, et des programmes informatiques. Il permet de créer des documents interopérables avec des équipements très variés de manière conforme aux exigences de l’accessibilité du web. Il est souvent utilisé conjointement avec le langage de programmation JavaScript et des feuilles de style en cascade (CSS). [Source en ligne : wikipédia]

 

Memento-balises-html-et-proprietes-css

Tuto-HTML