En 2002, les dirigeants de l'agence web "made in B." située à Quimper dans le Finistère (Bretagne), m'ont confié la refonte graphique et ergonomique du portail Brittany-Shops (version 3.0), un site d'E-commerce valorisant les produits bretons.
Exploitant une base osCommerce, Brittany-Shops proposait une large sélection de produits fabriqués et/ou conçus en Bretagne :
- Gastronomie : spécialités alimentaires locales et autres produits régionaux.
- Boissons : cidres, whiskys, pommeaux, bières, etc.
- Mode & accessoires : vêtements, bijoux et accessoires inspirés du patrimoine breton.
- Décoration : objets artisanaux et articles de décoration.
- Produits culturels : livres, CD et DVD.
- Bien-être : soins et produits naturels issus du savoir-faire breton.
Ce site, déjà bien établi dans le paysage numérique de l'époque, avait pour objectif d'offrir une immersion dans la culture bretonne ou de prolonger via Internet un séjour passé dans la région en proposant et en mettant en avant des produits authentiques et représentatifs du territoire (gâteau breton, Kouign Amann, foie de lotte, etc) pouvant être réceptionnés sous la forme de paniers breton.
Réviser la charte graphique et l'ergonomie de ce site tout en préservant son ADN s'est donc avéré être un vrai défi.
Imaginée pour refléter la richesse de la tradition bretonne tout en restant épurée afin de valoriser les produits, la charte graphique a constitué un long travail de réflexion et de tatonnements. Imaginant tout d'abord des espaces en aplats colorés, j'ai finalement orienté mon choix sur des motifs celtiques inspirés des broderies traditionnelles pour évoquer subtilement l’héritage local. Cette approche visuelle cherchait à développer un juste équilibre entre sobriété et force de l'identité culturelle et de sa préservation. Entrelacs, successions de points et de carrés de tailles croissantes, les motifs celtes aux couleurs identitaires du logotype sont venus décorer les différents templates du site.
Réalisation :
- Année 2002
- Le développement du portail s’est articulé sur une base osCommerce, un logiciel web d'E-commerce Open-source (licence GNU) et gratuit.
- Langages & outils pour développer les templates : Homesite, HTML, CSS, PHP et JavaScript.
- Création graphique : les maquettes ont été réalisées avec Photoshop et Image Ready.
Contraintes techniques :
- Temps de chargement : travail sur la légèreté des fichiers et la structure HTML afin d'optimiser la vitesse d'affichage et surtout, le ressenti.
- Compatibilité : tests multi-navigateurs et multi-OS pour garantir un accès universel.
- Référencement naturel (SEO) : mise en place d’une structure optimisée et d’un contenu pensé pour les moteurs de recherche.
Objectifs et contraintes :
- Proposer une expérience utilisateur agréable malgré les limites technologiques des connexions Internet de l'époque.
- Maintenir une navigation fluide et intuitive tout en respectant les spécificités des produits bretons et le site exisant pour ne pas perdre les clients.
- Renforcer la visibilité du site sur les moteurs de recherche grâce à un contenu et une structure optimisé pour le SEO.
