Share
À la fin de chaque année, des entreprises de toutes sortes publient des bilans annuels; certains énumèrent leurs propres réalisations, certains présentent ceux de leurs utilisateurs. Certains le font avec un simple post de blog, d’autres mettent tout en œuvre pour présenter leurs douze derniers mois de la manière la plus créative possible. Voyons si nous pouvons nous inspirer de certaines revues annuelles de 2015!
Ces dernières années, le défilement, pour le meilleur ou pour le pire, est devenu la méthode habituelle de choix pour présenter des données échelonnées. Nous commencerons par la revue MailChimp 2015, ne serait-ce que pour ces superbes combinaisons de couleurs à deux tons:
Faites comme on vous dit
Ce sérieusement longue page a un fond dégradé qui donne l’effet d’un changement subtil de couleur lorsque vous faites défiler vers le bas.
Couplé avec des images PNG transparentes, qui se superposent lorsque vous faites défiler, le résultat final est plutôt savoureux. Vous pouvez imiter ce qu'ils ont fait ici en jetant un coup d'œil à Créer un effet de fond masqué de Kezz Bracey avec CSS.
Behance a opté pour des couleurs similaires, avec un défilement et leurs statistiques les plus remarquables:
Campaign Monitor a également été séduit par les interactions de défilement, en mélangeant un peu de parallaxe pour une bonne mesure, ainsi que des schémas de couleurs vifs, des dégradés et des statistiques de communauté:
Facebook est allé au-delà du simple défilement vertical en mettant en avant ses dix sujets les plus discutés de 2015 dans une extravagance verticale, horizontale, vidéo et diaporama:
De nombreuses organisations ont choisi la vidéo comme support pour regarder l'année 2015. L'année sur Twitter présente les hashtags des douze derniers mois d'ouverture avec #JeSuisParis et #BlackLivesMatter, mais se termine par un #LoveWins plus édifiant:
YouTube a été rembobiné pour un regard de célébration sur la musique, les films et les personnes qui ont défini 2015 pour eux. Une valeur de production élevée et un son solide, comme vous le souhaitiez
D'autres organisations ont évité les cloches et les sifflets et ont présenté leur compte-rendu de 2015 sous forme d'article simple (et très performant). Prenez Digg, par exemple, qui a utilisé son format standard pour répertorier le meilleur de «ce qui a fait trembler les langues»:
Chapeau à Jason Arias pour les illustrations gratuites sur la langue.
Chris, Tim et Alex ont eu beaucoup à dire après une année bien remplie à CodePen. un article de blog minimisé a parfaitement réussi à faire passer le message:
Facebook et Twitter nous ont donné une très bonne idée de ce dont les gens parlaient en 2015, mais les moteurs de recherche tels que Google et Bing ont comblé les lacunes avec leurs tendances. Je peux perdre des jours sur Google Trends. Par conséquent, je ne vous recommande pas d'explorer l'Année de la recherche si vous êtes occupé:
Google nous a également donné une vidéo pour résumer:
Bing a opté pour une configuration d'écran divisé plus inhabituelle pour afficher leurs données:
Vox a également utilisé cette mise en page d'écran divisée, qui a utilisé la gauche de la mise en page de sa revue 2015 pour répertorier les principaux articles, métriques, caractéristiques et points forts, la partie droite affichant une série d'illustrations riches:
Product Design Weekly nous a fourni un résumé de tous les faits saillants publiés au cours de la dernière année. Une esthétique audacieuse de 8 bits et une grille complète grâce à Packery (de Metafizzy) présentent très bien 2015 dans la conception des produits:
Voici quelques autres revues annuelles que vous voudrez peut-être consulter (laissez vos suggestions dans les commentaires si vous pensez qu'il y en a d'autres qui méritent une mention!) Certains autres exemples sont tirés de thèmes en vente sur Envato Market. Vous les trouverez peut-être utiles si vous créez votre propre page Web consacrée à l'examen annuel..
Accentsconagua