1

Fondation Custodia

janvier 2018
Visiter le site

Le site de la Fondation Custodia a été mis en ligne au début de l’année 2018. Totalement responsive il est basé sur le concept du mobile first.

Les expositions temporaires utilisent une structure de « long form ». Les collections sont présentées sous forme de « stories » avec un swipe horizontal. On trouve aussi un gabarit pour créer un catalogue raisonné présentant une image en très haute définition via un système de « tuile ».

L’élaboration d’une interface ergonomique sous la contrainte d’un faible espace d’affichage, force à épurer au maximum les éléments visibles par l’utilisateur final. C’est la tendance que l’on retrouve dans l’ergonomie des interfaces web contemporaines.

 Affichage avancé des images

• zoom dans l’image (effet Ken Burns)
• images dans un cercle
• rotations d’images (flip)
• habillage automatique des images
• images alignées
Formulaires

Les formulaires sont un moyen privilégié d’interagir avec les visiteurs. Nous concevons le graphisme et l’ergonomie de tels formulaires, et nous prenons en charge leur développement logiciel.
Images adaptatives (responsive)

Avec la multiplication des tailles d’affichage, il est désormais nécessaire de pouvoir afficher des images adaptées à chaque support (ordinateurs dotés de grands écrans, tablettes, smartphones…), et non plus un même fichier d’image pour tous. On adapte donc l’image qui s’affiche à la taille de l’écran, à sa définition (écrans « retina »), ou à son orientation (afficher une image différente selon que l’on tient une tablette verticalement ou horizontalement).
Images en fond

Les « images en fond » sont une technique permettant de fondre de grandes images dans la page, le texte et l’image s’intégrant à la manière d’un magazine. L’effet, particulièrement spectaculaire, complète notre principe de long forms.
Intégration de vidéos

Nous avons amélioré l’intégration des vidéos dans SPIP (fichiers locaux, Youtube, Viméo…) pour les rendre totalement responsives, et gérées sous forme de « documents joints » à SPIP. Cela permet notamment la récupération automatique d’images de prévisualisation à partir des fichiers vidéo.
Longforms

Le principe des « formes longues » consiste à regrouper sur une unique page toutes les informations que l’on avait l’habitude de séparer en plusieurs pages courtes. Il faut alors travailler sur la variété des maquettes, l’intégration des images, d’éventuelles animations, pour rendre la lecture claire et dynamique.
Maquettes multiples

La notion de « maquettes multiples » permet de sélectionner différentes mises en page pour les articles : une colonne, deux colonnes de tailles différentes, trois ou quatre colonnes, etc. Cette variété permet non seulement de répondre à des besoins éditoriaux différents, mais aussi d’introduire du rythme dans nos long forms.
Multilinguisme

Nous réalisons des sites en plusieurs langues : toutes langues européennes, mais aussi arabe, chinois, japonais... Nous proposons des structures de sites permettant la gestion efficace et simple de cet aspect.