Mathieu Lauffray

Création du site d'un auteur de BD

  • Création et refonte
  • Juillet 2013
    accompagnement depuis
  • Vitrine
    WordPress
  • Maquette graphique réalisée par l'auteur

Le brief client

Auteur touche-à-tout, Mathieu Lauffray  a une activité artistique très variée : auteur de bandes dessinées, concept designer pour l’industrie cinématographie et vidéoludique, et illustrateur. Réalisé en 2008, le site de l’auteur Mathieu Lauffray ne correspondait plus à l’image de modernité qu’il souhaitait rendre.

Désirant faire entrer le visiteur dans son univers sans autre intermédiaire, le site repose sur une alliance de 5 portfolios présentant toutes les œuvres de l’auteur selon diverses catégories (Bandes dessinées, Concept-visions, Illustrations, Livres et comics, Atelier).

Aucune logique particulière ne devait régir la disposition des visuels, de simples filtres permettant d’afficher les images de telle ou telle œuvre et donner une liberté totale à l’utilisateur.

Notre réponse

Un constat était simple lors de l’analyse du site : le principe initial de démultiplication des galeries, s’il permettait de montrer tous les aspects du travail de l’auteur, ne permettait pas d’avoir une vision globale de l’univers de Mathieu Lauffay. Chaque image devait être agrandie afin de pouvoir accéder aux brefs textes descriptifs. Les miniatures à taille fixe des galeries n’offraient pas une véritable visibilité aux images et contraignait la gestion du site, alors moins souple.

L’objectif de cette 3ème collaboration  était triple :

  • proposer une arborescence plus épurée mettant en avant les univers de l’auteur : un seul niveau de rubrique devait apparaître afin d’immerger le visiteur dans chacun des univers créés. L’ajout de tags sur les images permet un filtrage, le visiteur peut ainsi choisir de n’afficher que les visuels relatifs à une bande dessinée ou un film.
  • Créer une charte graphique plus moderne en se basant sur la mise en page établie pour l’artbook Axis Mundi (édité chez CFSLink, 2013). Dès la Home, une navigation attractive et ludique fut mise en place grâce à un système de slide en jQuery. Chaque onglet se décale et laisse apparaître une image au survol, une porte d’entrée dans un univers spécifique.
  • Mettre en place une interface de gestion simplifiée : l’objectif principal de la refonte consistait à simplifier la mis en ligne des images par l’auteur tout en lui laissant une grande liberté dans la disposition de ses images. Netemedia a donc mis en place un module de drag & drop permettant de déplacer les images des portfolios à n’importe quel endroit de la page tout en réorganisant les autres en fonction du nouvel emplacement choisi.

Page d'accueil

1/2

La page d’accueil propose un système de navigation original basée sur des onglets qui se déplient de gauche à droite. L’immersion doit être rapide et totale dans l’univers de l’auteur.

Page "Gallery"

2/2

Ces pages de galeries présentent l’ensemble des oeuvres de l’auteur dans une continuité graphique thématique. L’auteur peut dans le back-office organiser l’information comme il le souhaite via des glisser/déplacer. L’ensemble des images se réorganisant automatiquement.

Le résultat

Le site a été mis en ligne début octobre 2013 et les fans de l’auteur lui ont fait un très bon accueil. Nous avons ainsi constaté une augmentation du temps de consultation du site. Les visiteurs prennent plus de temps à admirer les différentes planches. Le site a su aussi servir de book permanent pour l’auteur avec de nombreuses prises de contact initié à travers lui.

Le site permet à l’auteur de publier l’ensemble de ses travaux et de faire du site le lieu de son actualité et d’être ainsi autonome quant à son activité de promotion.

Nos autres cas client

Création d'un site e-commerce sous Prestashop

Vin du Cru

Refonte de 10 sites de casinos

Vikings Casinos

Spa-Alina

Refonte du site e-commerce

Spa-Alina

ACS - visuel illustrant la refonte du site

Refonte du site

ACS Assurances

at Aenean libero ante. in nec