Coopart2023, Application web

  • #Illustrator
  • #Photoshop
  • #InDesign
  • #After Effects
  • #Vidéo
  • #Figma
  • #Branding
  • #Logo
  • #Typographie
  • #Couleurs
  • #Travail de groupe
  • #Projet fictif

Coopart est une plateforme web fictive oeuvrant pour un marché de l'art équitable. Elle redonne du pouvoir aux artistes en leur offrant visibilité et rémunération via l'utilisation de la Blockchain.

Pour ma part, j'ai activement contribué aux différentes analyses sur le sujet, aux recherches utilisateurs, ainsi qu'à la définition des interfaces. J'ai également pris en charge la réalisation de la vidéo de présentation.

Contexte

Ce projet a originellement été réalisé en équipe de 5 personnes en 2023 dans le cadre du Master en Création et Édition Numérique de l’Université de Paris 8. Le thème imposé était la technologie de la Blockchain appliquée à l’Économie Sociale et Solidaire (ESS). C’est nous qui avons proposé ce concept

Problématique

Les artistes débutants sont confrontés à des difficultés majeures : faire connaître leur travail, le monétiser et comprendre leurs droits. Souvent, ils doivent passer par des intermédiaires, comme les commissaires d’exposition, pour être visibles dans des galeries, mais ces derniers prennent une part importante des bénéfices. De plus, l’accès à ces réseaux est souvent limité pour ceux issus de milieux moins favorisés.

Apport de la Blockchain

Les smart contracts, basés sur la blockchain, offrent une solution en garantissant l’authenticité des œuvres et en assurant les droits des artistes. Ces contrats automatisés permettent de sécuriser les transactions et de prouver la paternité des œuvres, tout en assurant que les artistes bénéficient de leurs droits de suite lors des ventes, sans dépendre d'intermédiaires.

Recherches

Recherches documentaires

Nous avons débuté par une phase de recherche approfondie pour comprendre le fonctionnement de la Blockchain ainsi que du marché de l'art. Nous avons ainsi analysé ces deux domaines sous les angles technologique, économique, juridique, et socio-politique.

Enfin, nous avons mené un benchmark simultanément pour analyser les solutions existantes et identifier les problèmes persistants.

Phase d'entretiens

Afin de mieux comprendre les besoins de nos cibles, nous avons effectué une série d'entretiens avec des artistes de tous bords. Nous avons pu interroger un artiste plastique, une artiste performeuse, un photographe, une vidéaste étudiante, un musicien, et une artiste visuelle.

À la suite de ces entretiens, nous avons réalisé que la solution initialement envisagée ne répondait pas du tout à la problématique définie. En conséquence, nous avons complètement réorienté le projet, qui a évolué pour devenir ce qui a été présenté précédemment.

Personae et parcours utilisateurs

Nous avons ensuite divisé nos cibles en 3 profils types correspondants aux cibles de Coopart : les artistes, les acheteurs, et les curateurs.

Les premiers voudraient s’inscrire sur Coopart afin d’augmenter la visibilité de leur art, les deuxièmes afin d’enrichir leurs collections d’art numérique, les troisième pour élargir leur carnet d’adresses et découvrir des nouvelles promesses de l’art contemporain.

Voici ci-dessous un exemple de personae avec son parcours utilisateur pour le profil d'un artiste sur la plateforme.

Personae de Jonas, un artiste numérique, avec des caractéristiques comme ses attentes et ses objectifs. Parcours de Jonas dans l'application divisé en 4 étapes, chacune divisée par tâche.

Design

Identité visuelle

Dans les premières phases du projet, nous avons proposé deux univers visuels différents : un univers plus orienté tech, avec des couleurs flashy sur fond noir et des contrastes prononcés ; un deuxième univers inspiré des années 70, avec des rappels à la technique du collage.

Après discussion, nous avons décidé de garder l’inspiration des années 70, tout en épurant et en simplifiant le choix des couleurs.

Identité visuelle de Coopart regroupant son logo, sa typographie, ses couleurs et un moodboard.

Voici donc le résultat de nos recherches graphiques. Nous avons choisi la typographie "Inter", simple, moderne, et élégante. Les couleurs, inspirées de notre identité visuelle des années 70, sont suffisamment contrastées pour garantir une excellente lisibilité et faciliter la compréhension.

Le logo reprend ainsi l'image de la pelote, car elle peut symboliser l'union de plusieurs entités dans un même but, composant ainsi quelque chose de nouveau tout en conservant leur individualité.

Structure et wireframes

La conception de notre prototype a débuté par la schématisation des pages et des fonctionnalités du site, dans le but de définir une structure optimale.

Nous avons ensuite créé un premier zoning, qui a rapidement évolué en wireframes de fidélité moyenne. Ce prototype a été testé par plusieurs personnes externes au projet, ce qui nous a permis de l'affiner et de l'améliorer tout au long de son développement.

Interfaces finales

Les interfaces finales ont ensuite pu être réalisées et compilées sur Figma. En voici quelques unes.

Maquette d'écran pour rechercher des expositions sur l'application. Maquette d'écran du profil personnel de l'artiste sur l'application. Maquette d'écran avant de proposer un nouveau projet à la communauté. Maquette d'écran pour proposer un projet à la communauté. Le formulaire est divisé en étapes. Maquette d'écran de la page principale de Coopart appelée l'Agora. On y retrouve la cagnotte globale et les projets candidats. Maquette d'écran de la mise en ligne d'une oeuvre artistique via la plateforme Coopart.

Vidéo de présentation

Cette vidéo met en lumière les principales fonctionnalités de la plateforme. Nous avons donc voulu mettre l’accent sur sa solution globale, et donc avons opté pour une absence d'interfaces au profit d'une esthétique de dessins et de collages. La plupart des illustrations ont été réalisées par nous-même.

J'ai donc dans un premier temps conçu un storyboard pour organiser en schéma mes idées.

Première partie du storyboard. La feuille est divisée en écrans au contenu schématisé avec beaucoup d'annotations tout autour. Deuxième partie du storyboard. La feuille est divisée en écrans au contenu schématisé avec beaucoup d'annotations tout autour. Troisième partie du storyboard. La feuille est divisée en écrans au contenu schématisé avec beaucoup d'annotations tout autour.

Ce storyboard a ensuite été réimaginé en fonction des retours de mes collègues de travail et des professeurs.

Storyboard amélioré. La feuille est entièrement divisée en écrans au contenu schématisé. Les étapes sont plus détaillées et exhaustives. Partie 2 du storyboard amélioré. Seule la première ligne d'écrans a des schémas, les autres sont vides.

Rétrospective

Comme piste d'amélioration, je pourrais pointer du doigt le logo qui n'est pas correctement adapté aux enjeux modernes du branding. Le logotype n'étant pas divisible du logomark, le logo perd toute possibilité de responsivité.

Son concept, issu de l'image de la pelote de laine, est intéressant, mais n'est peut-être pas assez visible ou mal exploité : on a du mal à le comprendre sans en avoir le contexte.

Nous pouvons également nous questionner sur son style. Même s'il cherche à se donner une dimension artistique, les cercles réalisés à main levée y contribuent mal : ils lui donnent plus un aspect amateur que sérieux.

L'identité visuelle dans son ensemble est efficace, mais pas assez fournie en documentation. Une charte graphique complète serait bénéfique. Cependant, c'est amplement suffisant dans le cas d'un projet étudiant.

Au final, Coopart est un projet très qualitatif dans son ensemble. Nous avons su fournir des recherches documentaires, des recherches utilisateurs, un benchmark, et une multitude de tests très solides.