Nous vivons une époque formidable où les progrès dans les NTIC sont constants. Les modèles génératifs nous apportent ainsi des preuves flamboyantes des progrès réalisés en matière de génération de contenus (textes, images, vidéos…). Si ces intelligences artificielles représentent d’énormes gains de temps potentiels, elles risquent néanmoins d’être un cadeau empoisonné pour toutes les professions créatives qui vont voir leur légitimité contester et leur valeur perçue diminuer. Les IA génératives proposent d’innombrables domaines d’application, mais également des débats éthiques et juridiques sans fin. Elles vont surtout déporter la valeur vers les données d’entrainement et ceux qui les maitrisent : les big tech.
Je vous propose régulièrement une sélection de sites web qui m’ont tapé dans l’oeil, la sélection de ce mois est particulièrement croustillante avec des nouvelles versions de sites d’envergure.
Commençons avec la toute dernière version du site de la radio RTL :
Le portail de la radio nous revient avec une charte graphique dans le plus pur style flat design : de grands à plat de couleur, une construction par empilement de couches horizontales, beaucoup de zones de respiration et de larges visuels. Je constate également un fond de page gris clair pour donner plus de relief aux différents blocs, une tendance déjà aperçue sur d’autres portails comme USAToday, Vox, Gamespot, MarthaStewart ou FranceInfo. Avec une mise en page aussi carrée, vous vous doutez bien que le site est en responsive design, il s’adapte donc parfaitement aux différentes tailles d’écran (je vous laisse faire le test). J’apprécie tout particulièrement la parfaite lisibilité des articles, grâce à une taille de police de caractères légèrement plus grande que la moyenne, et la mise en scène des commentaires.
Continuons avec le nouveau site de VW, une référence dans l’industrie automobile :
Même approche graphique pour ce site : flat design + responsive design. Outre l’impression d’espace que l’on ressent en parcourant les différentes pages, c’est le très faible niveau de “bruit” sur les pages qui participent grandement au confort de lecture. Je ne peux que saluer l’engagement graphique et ergonomique des responsables du site qui se sont même payé une vidéo pour promouvoir la fonction Find a Match. Là encore, je vous invite à consulter ce site sur votre tablette ou votre smartphone.
Terminons avec la nouvelle version du site de Virgin America :
Là encore, cette nouvelle version respecte les tendances du moment (flat et responsive design), en revanche, il innove grâce à un processus de réservation particulièrement intuitif avec un traitement graphique novateur reposant sur des grandes cases à cocher : Our new site is fly. Ils proposent également un nouveau gabarit pour les e-tickets à imprimer qui devrait rapidement s’imposer comme la nouvelle norme dans la profession : Virgin America Quietly Unveils New Website and Back Pocket-Sized Boarding Pass. À nouveau, je salue la prise de risque de cette compagnie qui s’inscrit résolument en rupture avec cette superbe réalisation.
Je ne sais pas pour vous, mais j’ai comme l’impression que la généralisation des terminaux mobiles fait souffler un vent frais sur les chartes graphiques et mises en page. Et ça n’est que le début…
J’ai zappé les poissons d’avril, mais je suis toujours au rendez-vous pour ma sélection mensuelle de sites agréables à l’oeil.
Commençons avec Human Touch, un fabricant de fauteuils de massage (je me laisserais bien tenter) :
Une fois n’est pas coutume, j’ai choisi une page d’accueil plutôt chargée, avec une forte densité d’informations, mais avec des unités de lecture bien délimitées. Certes il y a beaucoup de textes sur cette page, mais la hiérarchisation des titres et liens permet de bien isoler les différents blocs et de s’y retrouver facilement, surtout avec les petits visuels. Il y a deux très bonnes idées dans cette page : le découpage horizontal avec un dégradé de gris (pour rythmer la lecture) et le témoignage qui déborde sur la photo centrale pour équilibrer le carrousel. Au final, nous avons une page qui fonctionne très bien malgré des tonnes de titres, textes, liens… un bon contre-exemple en fait !
Poursuivons avec Bagigia, un fabricant de sacs à dos confectionnés à partir de bouillottes (je me laisserais bien tenter aussi) :
Ce site propose une construction verticale avec des écrans qui s’enchainent dans la hauteur de page. Le procédé est plutôt (très) irritant, mais comme il est possible de naviguer entre les pages à l’aide de la souris, du clavier, des puces à droite et de la glissière en bas de l’écran, on arrive à basculer d’un contenu à l’autre sans trop de mal. En revanche, la grande force du site est de proposer une mise en page ultra minimaliste avec un header replié et quasiment aucun texte. L’essentiel de l’écran est donc consacré au produit en lui même et l’effet est plutôt spectaculaire. L’épuration extrême de la page contraste fortement avec les textures du produit (ou du header) qui donne presque envie de toucher l’écran. Bref, un site qui fait envie pour un produit parfaitement mis en valeur.
Terminons avec MyOwnBike, un fabricant de vélos (là par contre ça ne me tente pas) :
Encore un très bon travail de minimalisme pour limiter au maximum les textes dans le coeur de page ou au niveau du bandeau de navigation. Comme dans le site précédent, le fond gris permet d’éviter la désagréable impression de vide. Les boutons ressortent parfaitement et les onglets du bas de page proposent une très bonne lisibilité. Un conseil : faites un tour du côté du konfigurator pour concevoir votre propre vélo.
C’est avec un peu de retard que je vous livre ma sélection de sites beaux et originaux.
Commençons avec le très sombre Blissfully Aware, le bloc-note en ligne d’un indépendant :
Le site est sobre, TRÈS sobre, mais la grille de lecture et la lisibilité de cette page sont exemplaires. Précisions que le noir est une couleur particulièrement complexe à exploiter, et dans le cas présent, ça fonctionne très bien. D’autant plus avec l’utilisation d’un très beau motif en fond de page et d’une typo originale. Vous apprécierez également la position centrale du logo, de même que la très large zone de réserve. Donc un très bel exemple de sobriété et de minimalisme.
Pour compenser cette sobriété, je vous propose de découvrir le très alléchant site de la Chessecake Factory, une chaîne de restaurants US :
Rien de très original dans la mise en page de ce site, par contre un très beau travail sur les textures, le choix des typos et les ornementations (frise colorée, boutons…). J’apprécie également beaucoup les très belles photos en pleine largeur qui donne carrément l’eau à la bouche. Ça fait presque 15 ans que je travaille dans le monde du web, et je n’ai pas honte de dire que je peux encore être émerveillé par le site d’un “simple” restaurant. Tout est affaire de goût (sans mauvais jeux de mots).
Terminons avec Onepager, un service de création de sites web :
Un beau site bien simple et parfaitement lisible comme je les aime. J’adore l’effort particulier pour réduire au minimum le nombre de phrases affichées sur cette page d’accueil : c’est minimaliste, percutant et très simple à comprendre. J’apprécie grandement le gros bouton “Get Started” dont la couleur résonne avec celle du fond de page. Je suis également conquis par la partie basse de la page et ces unités d’information verticale parfaitement découpée. Bref, c’est sobre, carré et parfaitement efficace, du pur bonheur !
Noël approche, mais je ne change rien à mes habitudes (quoi que pas tout à fait). Voici donc ma sélection de sites mensuelle.
Commençons avec H.J. Mews, une boutique d’accessoires pour chats :
J’ai tout de suite été séduit par les couleurs en rupture avec celles qui sont habituellement utilisées sur le web. J’apprécie également les petits raffinements graphiques omniprésents sur cette page comme les bordures des photos ou du panier dans le header, le logo qui déborde sur le bandeau supérieur ou le séparateur de pied de page. Vous noterez également l’utilisation d’une police spéciale pour faire ressortir l’accroche en haut de page ainsi que certains titres. J’adore enfin le soin apporté aux descriptions courtes des produits : elles sont riches, variées et bien formulées. Bref, une boutique qui sort de l’ordinaire pour des produits pas ordinaires.
Poursuivons avec Sweet Hat Club, le club des porteurs de chapeaux :
Une page à la grille de lecture parfaitement marquée avec des unités d’information bien découpées. Certes, ça fait beaucoup de boites,mais comment se lasser de ces cadres façon Polaroïd ? J’aime également la position centrale du logo (une figure de style largement sous-estimée), le contraste intéressant entre le fond de page et les têtières, le rendu sépia des photos ainsi que l’utilisation d’une police de caractère spéciale. Vous noterez que la construction même de la page oeuvre fortement pour concentrer l’attention sur le logo en position centrale avec les deux flèches qui l’encadrent et le choix d’une mise en page à deux colonnes qui coupent la page en deux et fait immanquablement remonter l’oeil vers le logo. Au final, nous avons un site sans prétention, mais qui fonctionne parfaitement bien.
Terminons avec Rice Bowl, une organisation caritative :
Une page à très fort contraste pour faire ressortir le carrousel central, mais qui véhicule également une ambiance rassurante (jaune + brun = stabilité, confort, sécurité). La texture du bandeau qui porte le logo tranche avec le traitement très sobre du reste de la page, les illustrations sont également très simples, mais parfaitement lisibles. Bon par contre, je reste sceptique quand à la prolifération des styles de typo : gras/maigre, majuscules/minuscules, droit/italique… tout ça est un peu trop chaotique à mon goût et mériterait une harmonisation. Ceci étant dit, le résultat final n’en reste pas moins très réussi et véhicule parfaitement le message.
Puisque c’est bientôt Noël, je vous propose exceptionnellement une quatrième sélection qui me laisse perplexe. Il s’agit de la toute nouvelle page d’accueil du magazine Inc., réputé pour la sobriété de son site web et qui a encore accentué le trait.
J’ai toujours été un grand fan des mises en page allégées et du minimalisme, mais là… je trouve qu’ils y sont allés un peu fort. Certes, ce site propose une lisibilité maximale avec une très grande cohérence dans les traitements graphiques, mais quand même… toute cette sobriété ne nuit-elle pas au site ? Avouez que vous aussi vous avez envie de vous pendre, non ? Le site du NYTimes propose également une charte ultra sobre, mais avec un minimum de couleurs, alors que là… Bref, n’hésitez pas à me donner votre avis.
Manage Cookie Consent
We use cookies to optimize our website and our service.
Functional
Toujours activé
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Préférences
Le stockage ou l’accès technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou l’utilisateur.
Statistics
The technical storage or access that is used exclusively for statistical purposes.Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.