Archives de la catégorie Création web

Site web des Amis de l’abbaye Saint-Martin

Une grande liberté m’a été laissée pour la conception visuelle, du fait de la confiance issue de la connaissance de mes travaux pour le parcours historique de Sées. Le fonds iconographique mis à ma disposition était important et m’a permis de mettre en œuvre l’idée centrale de l’approche visuelle : concevoir le site comme une plongée immersive dans l’ensemble architectural encore aujourd’hui inaccessible au public.

Ouvrir la présentation détaillée de la conception visuelle, incluant la création d’une lettrine originale.

Le site est en ligne à l’adresse abbayesaintmartin.fr (s’ouvrira dans une nouvelle fenêtre).

 

Page d'accueil du site officiel de l'association des Amis de l'abbaye Saint-Martin de Sées

Retour haut de page

Publicités

, , ,

Poster un commentaire

Site de la compagnie L’Arsenal d’apparitions

Nouveau site en design adaptatif (adaptation automatique de la présentation des éléments de chaque page selon les dimensions de l’écran de consultation).

Le logo de la compagnie, que j’ai présenté ici précédemment, est mis en valeur de différentes façons, y compris par l’adoption des couleurs noir et rouge comme dominantes de la charte graphique du site.

La page d’accueil permet d’écouter un montage d’extraits audios de spectacles. Complétant la sélection de photos défilant en diaporama, le montage son permet de se faire immédiatement une première idée de la spécificité de la compagnie.

En pages intérieures, chaque spectacle dispose d’une fiche complète avec teaser vidéo, photos, textes de présentation et espace pros (documents téléchargeables).

Cliquer sur l’image ci-dessous pour voir le site en ligne (s’ouvre dans une nouvelle fenêtre).

Page d'accueil du site officiel de la compagnie de théâtres chantés L'Arsenal d'apparitions.

Page d’accueil du site officiel de la compagnie de théâtres chantés L’Arsenal d’apparitions.
Cliquer sur l’image pour voir en ligne.


Retour haut de page

, , ,

Poster un commentaire

Refonte du site des Musilumières de Sées

Pade g'accueil des Musilumières de Sées

Cliquer sur l’image pour se rendre sur le site

 

L’association Art et Cathédrale crée depuis plusieurs années un spectacle renouvelé annuellement selon un concept original : les murs de la nef de la cathédrale de Sées sont utilisés comme écran géant, sur lesquels sont projetés des images animées et de somptueux jeux de mise en lumière, accompagnés d’une bande son mêlant récit en voix off et musiques soigneusement choisies. Le tout, synchronisé à la perfection, immerge le spectateur dans l’image et le son. La richesse du scénario et du texte s’expliquent à la fois par la qualité des auteurs et le mode d’écriture « collégiale » réunissant les différents corps de métiers engagés dans la création : réalisateur, scénariste, graphiste, plasticien, informaticien.

L’ancien site, réalisé par l’association à ses tout débuts, ne traduisait pas le professionnalisme et la beauté du spectacle. La refonte devenait urgente. J’ai proposé de nombreuses améliorations, allant d’une nouvelle répartition de l’information dans le site à une esthétique repensée entièrement.

Le nouvel habillage graphique a été conçu en responsive design : la présentation de toutes les informations s’adapte automatiquement aux multiples tailles et proportions d’écran avec lesquels le public navigue désormais sur internet (téléphones, tablettes…). Ainsi, des éléments qui apparaissent les uns à côté des autres sur un large écran d’ordinateur, apparaissent les uns en-dessous des autres sur l’étroit écran d’un téléphone portable, permettant à l’internaute d’avoir accès à l’intégralité de l’information quel que soit son équipement.

 

Un habillage graphique conçu en responsive designVoir le site
Retour haut de page

, , , ,

Poster un commentaire

Spectacles de contes musicaux

Le temps a passé très vite depuis le dernier article publié ici, il faut dire que le rush habituel de rentrée (redémarrage des saisons culturelles) a été suivi par quelques travaux importants. Je vais essayer de rattraper un peu du retard pris dans la mise à jour de ce blog, en commençant par présenter un site internet consacré à des spectacles musicaux.

Le concept

La demande initiale était d’arriver à matérialiser l’idée d’un arbre-livre, un arbre qui serait aussi un livre (les contes musicaux étant inspirés de la Bible, et plus particulièrement de la figure de l’arbre qui y apparaît à différents endroits, avec différentes significations).

À cette demande initiale s’ajoutait celle de faire figurer en page d’accueil un diaporama avec des images tirées des spectacles. Pour moi, le défi consistait donc à trouver une solution qui articule ces trois visuels (livre + arbre + diaporama) sans donner le sentiment d’une juxtaposition, mais bien au contraire d’un seul et même « objet » constitué de parties indissociables.

L’idée de partir du double sens du mot « feuille » (de l’arbre, d’un livre) s’est rapidement avérée graphiquement peu exploitable au sens strict, dans le contexte présent. Le concept de « feuilleter un arbre » a néanmoins continué à s’imposer, d’autant qu’il permettait d’inclure également le « feuilletage » d’un album photo. Restait à passer du concept à une matérialisation graphique satisfaisante. Après quelques recherches, voici le résultat, à visualiser en ligne pour voir comment le diaporama été intégré à l’image et animé (cliquer sur l’image ci-dessous pour aller sur le site) :

Le titre

Le « m » de « musicaux » a été remplacé dans le titre par un groupe de trois croches. Ce choix visait à rendre immédiate la compréhension qu’il s’agit bien de spectacles musicaux, avant même de lire le titre, mais il apporte aussi une évocation de l’écriture sémitique, concentrant ainsi en un seul signe graphique les deux caractéristiques majeures des spectacles.

Le mouvement du titrage, associé aux traits courbes, évoque explicitement l’idée d’un mouvement d’air. On peut y voir la référence à une citation biblique (1 Rois 19, 9-13), selon laquelle Dieu se manifeste de façon pratiquement imperceptible dans « le murmure d’une brise légère », et non dans le bruit et la fureur d’une tempête.

Le son

J’ai suggéré l’idée d’associer un montage son à la page d’accueil. Bien qu’en général je sois assez hostile à l’utilisation de fond sonore sur les sites internet (combien de sites imposent au visiteur un bruitage ou une musique en boucle, sans réelle pertinence vis-à-vis du contenu du site !), elle m’a semblé s’imposer dans le cas présent, en grande partie à cause du diaporama : montrer seulement des images de spectacles où la musique joue un rôle central, c’est presque trahir les créations, un peu comme si, à l’inverse, on mettait en ligne la bande-annonce d’un film… sans les images.

Pour que le montage son fasse un ensemble cohérent avec l’animation du diaporama, j’ai suggéré qu’il soit constitué d’extraits particulièrement courts, qui disparaissent à peine apparus, et se superposent partiellement, d’une façon analogue à l’apparition/disparition des images d’un livre qu’on feuillette. L’image que j’ai utilisée pour expliquer mon idée était celle de passants dans une rue, dont un spectateur immobile capterait les pensées furtivement au moment de leur passage. Pour montrer plus concrètement ce que j’imaginais précisément comme type de montage, j’en ai réalisé un. Il a en fait été adopté tel quel, c’est celui que l’on peut entendre sur le site.

Les pages intérieures

Les pages intérieures sont présentées sur un décor déclinant l’idée de feuilleter l’arbre. Un découpage minutieux de l’image de fond en éléments distincts permet au décor du livre de s’allonger indéfiniment en hauteur, en fonction de la longueur des textes à afficher.

Les boutons de commande de lecture (de l’album photo, des extraits sonores) ont été spécialement créés pour le site, en imitant l’effet d’un dessin au crayon à papier. Une petite animation donne l’impression que les boutons sont effectivement dessinés par une main invisible lorsqu’ils apparaissent.

, ,

Poster un commentaire

Site Shakyamouni : épisode 1

Le centre parisien de méditation et d’enseignement bouddhistes Shakyaoumi m’a chargé de la refonte de son site internet.

Voici la page d’accueil temporaire, qui permet d’informer le visiteur sur les activités proposées en attendant le développement du site.

Cliquer sur l’image pour visualiser la page en ligne.

Centre bouddhiste Shakyamouni, page d'accueil temporaire

 

L’idée d’utiliser le blanc dans une mise en page très lumineuse a été inspirée par l’une des images fournies par le centre, et par la volonté d’évoquer les notions de calme, de pureté et de spiritualité.

La deuxième couleur dominante, le orange, évite à la mise en page de donner une impression de froideur.

La police de caractères adoptée pour le titre apporte une touche d’exotisme discrète. Parfaitement lisible, elle fait bénéficier la page de la rondeur de son dessin. L’ensemble traduit ainsi une douceur représentative de l’effet apaisant de la méditation et des enseignements de Bouddha.
Retour haut de page

Poster un commentaire