L’année du Chien de terre
Community
Management
TENDANCES
WEB 2018

Et si nous laissions à
l’astrologie chinoise nous
dicter ce qu’il pourrait
advenir du WEB en 2018?
Il sera donc (sauf erreur de
leur calendrier): fiable,
honnête, aventurier,
fun et luna2que

Fiable
Sites, blogs, réseaux, UGC,
applis et graphes… On devra
pouvoir « compter sur vous »
• Responsive
• Stable et (donc) accessible
• Ergonomique

Honnête
Sites, blogs, réseaux, UGC, applis et
graphes… On devra pouvoir croire en
ce que vous publiez
• Moins de HOAX
• Moins de Fake
• Moins de fausses corréla]ons, de
manipula]on, de mensonges…

Aventurier
Sites, blogs, réseaux, UGC,
applis et graphes… Il va falloir
oser, être créa]fs.
• De nouveaux concepts,
services…
• Des applica]ons qui
innovent,
• De nouveaux graphismes, de
nouvelles ergonomies…

Fun
Sites, blogs, réseaux, UGC, applis
et graphes… On veut du posi]f et
du sympa
• Pas que du sérieux
• De l’humour et de la dérision
• Pas toujours (et pas que) mais il
faut nous faire sourire ou jouer

Luna]que
Sites, blogs, réseaux, UGC, applis et
graphes… Ils vont nous surprendre
• Changer de logo, de HP, d’illus…
• Sans raison, se lancer des défis,
inves]r dans le renouveau,
• Et alors que tout était acquis, se
lancer de nouveaux paris

On vous propose
45 tends pour cede
année-très-woaf
Aden]on: Trends n’est loi, à vous d’en
faire ce que vous voulez
Note: Ce signe désigne un exercice - ces
slides sont le support du cours de
Community Management de
Technocité (Mons) -

1° Après 20 ans d’absence,
c’est le retour des mo]fs &
des composi]ons de Mo]fs

2° le stroboscope & effet de
couleurs (à confirmer)

3° La fin programmée du
pastel?

4° Les pantones calculés par
algorithme

4° Les couleurs se lâchent

5° Skeuomorphisme /0

6° Flatdesign /1

7° Les couleurs donnent sens
L’objec]f: Etre simple à
« deviner »… ce qu’elles
racontent, ce qu’elles
désignent
• Palede de couleurs primaires
• Bichromie (parfois)
• Couleurs « épurées »
• Couleurs vives, voire saturées
• Couleurs comme support à des
symboles ou des textes
• Couleurs à volumes, à angles ou à
courbes

• Aplat
• Moins d’effet de profondeur: ni 3D,
ni ombre, ni dégradé…
• Prépondérance aux ledres et aux
chiffres ( sites e-commerce Hard
Discount mais pas que)
8° Le WEB s’ergonomise en
ordre de bataille (il faut
vendre) et le graphisme suit

9. Jouer avec les divisions,
les couleurs, (les bords
aussi) et les photos
• Flou / Transparence
ou overlaps
• Police fine et haute
• Photos iconiques et textes en
typo picturale

10° Le mouvement osé
mais très-trends
#àvoir hdp://jordansowers.com/

11° L‘arrivé du hard-discount
dans le graphisme

Sites de voyage, hôtel,
avion ...

12° Présenta]on dépouillée
s’impose aux sites pro
• Fond blanc
• Objet déposé
• Très fonc]onnel

13° Les
photos-vraies
qui font vraie-
vie

14° Responsive & dynamique (c’est pas
nouveau mais à présent obligatoire)

15° La géométrie-90°
toujours tendance
• Vous aussi adoptez une droite ou une
courbe
• Puis revenez toujours aux angles droits
(une valeur sûre)
• … avec du blanc « entre »

16° Asymétrie (en force et un
peu partout à présent)

17° Déconstruire les formes
et les photos

18° Overlaps, des
chevauchements dynamiques

19° Des liens déclinables
et SIMPLES
et SYMBOLIQUES • Pictos
• Symboles
• Illus
• Smileys
(émo]cônes)
• Des logos simplifiés
• Le retour des ini]ales
• Plus d’infos Slideshare:

20° Des typos open &
créa]ves (enfin!)

21° La fin des menus?

…... ou leur version faszood

22° Des liens-images qui se
généralisent

23° … et des images-liens

24° Un sur-jouage de la
structure

25° Monopage, des carrés et
des rectangles
• Influence du tac]le et des blogs
• La page présente l’ensemble; le
lien est direct

26° Image, toujours
superstar, le clip tarde à
s’imposer en HP….

Sites de Villes / Régions

27° Visages, expressions, regards…
On ne se refait pas ;o)

28° Le dessin qui fait
un retour en force
Bye bye le vintage
… place au fait main

29° Induire des histoires au
travers des photos

30° Combiner textes et images

31° Le retour du naturel
#l’artdeco-is-back

32° Jouer l’avant-plan (être
facile à voir et à comprendre)
• Moins d’environnements
• Moins de ma]ères
• Plus de produits
• Plus de textes (mais plus
courts)
• Plus de sens et
• Plus de services

33° Du feel good (encore
mais plus pour longtemps)

34° On se reconcentre
en mode graphique
parce qu‘il faut être
capté avant d‘être vu
ou lu ;o)

Exemple en One page:
cadres horizontaux en
alterné

Sites de DESIGN...

35° Afficher
graphiquement votre
« synthèse », votre
summary …
Traduire les datas en
captures

Sites péda

36° Sor]r du cadre
pour surprendre et
donner envie de se
prendre au jeu

37° Selfiiiiiiiiie
• Narcissisme social
• Ephémère
• Usage de plus en plus
marke]ng

38° Le Social design:
l’omniprésence des mosaïques
(merci Pinterest ;o)

37° L’environnement
graphique « sensé »
• Porter un message sociétal
• Soutenir ou ajouter une valeur
• Apporter une réflexion
• Susciter un engagement

39° Le smart design
#élégance + #malin

40° Communauté: faire par
les autres ce que l’on ferait
soi-même moins bien
• Co-écriture maîtrisée
• Commentaires réels: le dialogue
et les rôles comme dans une
« pièce »
• Donc paradoxe: moins
d’échanges mais plus de
rela]ons
• Apporter aussi un univers

Sites de parcs na]onaux / zoo

41° La ges]on des
CYCLES OPTIMAUX
• L’horloge au cœur de la vie en ligne
• Faire de la semaine un rituel
• Le marronnier
• Faire vivre un événement en direct
• Faire partager une réflexion en temps-
zéro
• Et ne pas hésiter à allonger les cycles…
donner du temps aux idées et aux
« mouvements-culturels » ou aux
« évènements-marke]ng »

Sites TRAVEL

42° Temps contraint vs
temps choisi
Là où je traîne,
là où je râle

43° Un blog, un site, une page,
un flux… ça peut être durable?
• La no]on de gaspillage graphique
• Celle de la débauche ergonomique
• Celle du complexe et du symbolique
creux
• L’environnement du site est déjà un
engagement

Sites LUMINAIRES

44° Scénariser #dessin #photo

Sites AUDIO

45° Construire un univers
• Typos
• Photos
• Anima]ons
• Ligne éditoriale
• Environnement
• Tendances
• Besoins et envies
• Se différencier
• Donner l’occasion
de sourire…

#exemple #hdps://
webvrgame.dunkirkmovie.com/

46° Ici tout est
désormais
applica]on

Appli‘s Trends
• Applis cogni]ves (EI)
• Les pubs résistent malgré
ad*
• Paiement enfin
• Jeux encore toujours et
plus (et en mieux)
• On s’ubérise toujours
plus

45°bis: se doter
d‘une iden]té
numérique
sympa et/ou
audacieuse

45° bis-bis: IA &
CHATBOTS,
pourra-t-on y
échapper ?

F o r m a ] o n e n
C o m m u n i t y
Management #leader
Plutôt que d’écouter ceux qui
reproduisent nos contenus,
choisissez l’original ;o)
Forma]ons entreprises #top
Forma2on gratuite pour les
demandeurs d’emploi #top-aussi
Plus d’infos: hdp://www.technocite.be/

À vos claviers…
REALIZ,
Conseil & Stratégie WEB
frmeuleman@skynet.be