Bonne Pioche

Refonte du site web de Bonne Pioche, société de production cinématographique et télévisuelle.

À propos

Bonne Pioche (lien externe) est une société de production audiovisuelle indépendante, reconnue pour ses documentaires, films et séries engagés. Dans la continuité de sa démarche de transition numérique responsable, elle a souhaité refondre son site internet pour le rendre plus sobre, plus accessible et en cohérence avec ses valeurs.

J'ai été sollicité pour concevoir l'UX/UI du nouveau site, en collaboration avec l'équipe de Bonne Pioche et la coopérative noesya (lien externe). J'ai conçu une interface sobre et accessible, cohérente avec l'identité existante de Bonne Pioche, tout en privilégiant une navigation simple et fluide.

Démarche

    1. Cadrage

    Analyse des attentes éditoriales, esthétiques et techniques. Définition d'un cadre de refonte aligné avec les valeurs de Bonne Pioche : sobriété, accessibilité, lisibilité. Clarification des objectifs de navigation, de structure et de tonalité visuelle.

    1. Conception

    Réalisation de plusieurs propositions UX/UI, testées et ajustées au fil de rendez-vous réguliers avec les commanditaires. L'interface s'inspire des codes graphiques du cinéma, avec une approche épurée, élégante et immédiatement compréhensible. L'identité graphique a été affinée pour conserver la singularité de Bonne Pioche tout en renforçant les contrastes, la lisibilité et la cohérence globale du système graphique.

    1. Prototypage & Suivi

    Production de maquettes desktop et mobile haute fidélité, intégrant l'ensemble des interactions et des composants graphiques. Le site a été réalisé avec Osuny (lien externe), un CMS libre, accessible et éco-conçu, développé par la coopérative noesya (lien externe). J'ai assuré le suivi de l'intégration pour garantir la fidélité au design et le respect des principes d'accessibilité, de performance et de sobriété numérique.

Résultats

  • Une interface sobre, inspirée des codes du cinéma, alignée avec l'univers de Bonne Pioche.
  • Un design accessible et responsive, pensé pour les usages mobiles et desktop.
  • Une navigation claire, centrée sur la valorisation des productions audiovisuelles.

Mentions

Informations

Période : Juin 2024 – Oct. 2024.

Typographie : Sofia Sans (lien externe) (Normal, Extra Condensed), conçu par Botio Nikoltchev et Ani Petrova.

CMS : Osuny (lien externe), développé par la coopérative noesya (lien externe), open source sous licence MIT.