Catégories
Tendance Design

Readymag 2019 — Projects of the Year

Readymag vient de présenter les sites les plus créatifs sur une page, comme chaque année. 2019 a été une grosse année pour les plateformes SaaS de création de sites.

2019: Projects of the year

Introduction du site — Rollover avec effet de changement de couleur sur les blocs.

Voici mes 3 sites preférés:

I. Farnsworth House

Site, page ou article long form? Un peu tout cela à la fois. cette page inspiré du design helvetique permet de s’immerger dans l’architecture unique d’une maison de vacances. Le tout dans une typographie suisse, la Neue Haas Grotesk Text. Réalisé par Pavel Kedich, designer et avocat d’un design qui se refuse d’empiler les contenus en ‘sandwich’.

II. Peter Lindbergh

Suite à la disparition du photographe, l’agence ukrainienne Obys agence lui rend hommage via un site. En reprenant le contenu du site officiel, il réinvente la biographie.

III. I type NY

Une histoire simple, une mise en scène cinématographique… qui utilise du son, du texte et des couleurs uniquement. Ce site rendra fou tous les experts UX car il utilise intensément le scroll comme moyen de naviguer dans le contenu.

Catégories
Agency Portfolio

firstborn

Non pas First born, ni Firstborn, mais just firstborn. Excès de modestie? À vous de juger. L’agence vient de mettre à jour son folio et le dope avec tout le glitch technologique : Balle au centre, tout se passe à New York. Ou presque.

Les écrans dans la suite:

Homepage
Who We Are
What We Do
Featured Work
Catégories
Tendance Design

Never Mind the Bullets

Imaginé et conçu par Steaw WebdesignNever Mind the Bullets est un projet de rencontre de talents mobilisé pour promouvoir les capacités techniques de la nouvelle mouture d’Internet Explorer (9). Combinant le travail de l’illustrateur Kevin Hamon (Twitter) avec les compétences de développement de François Le Pichon (Twitter) et Jeremy Thomas (Twitter).

L’histoire: Elle retrace l’aventure d’une forte personnalité au milieu du désert et d’un village en plein far-west… Une image non sans rappeler le monde impitoyable qui se déroule ces derniers mois entre les navigateurs internet, tous menacés d’une très lointaine mais probable extinction.

Le principe de fonctionnement : On navigue dans une bande dessinée animée, où chaque élément (bulle, personnage, effet) est disposé sur un niveau de profondeur différent, ce qui augmente l’effet du scrolling parallaxe.

Outre les aspects techniques, parfaitement maitrisés (et pas seulement pour Internet Explorer 9) de la gestion des Font-Face, SVG, CSS3, et contenu éditable.
Le module de création de bulles de BD interactive est juste magnifiquement réalisé, je vous invite à le tester sur Internet Explorer 6 sur un navigateur récent.

Bref, c’est à voir ici, sur le site Never Mind the Bullets.

Catégories
Information Design

Le nouveau FT.com

Le modèle de la grille et des canons de l’élégance typographique du print peuvent se décliner sur le web. Le modèle scandinave recule outre-manche. Et c’est tant mieux!

Quelle agréable surprise de la nouvelle page d’accueil de FT.com, le site du Financial Times !

En un écran, tout est dit :

Le respect du code graphique du journal, notamment du saumon, pour rappeler la force éditoriale du papier — on s’y habitue vite, très vite.
Un menu fonctionnel et qui est lisible — certains diront qu’il est très inspiré du menu de Digg.com, et je leur donnerai raison,

  • Simplicité dans la grille à 960px — un standard si pratique pour le découpage en colonnes,
  • Simplicité dans le nombre de niveau de titres en une, avec un effet de titre/mini chapo terriblement efficace au clic,
  • Une photo, seulement quand cela en vaut la peine — 25 images, moins de 150ko d’images en tout,
  • Une sélection de titres qui ne dépasse pas la 15-20taine de titres.
  • Simplicité, efficacité, sérieux et confort de lecture. C’est net, efficace.

Les sites ‘anglais’ courent dans cette direction. Pourquoi pas les sites français ?