77 Spirits
Une conception web stratégique pour stimuler la rentabilité

Plutôt que de privilégier une esthétique superficielle (visuels tape-à-l'œil), la philosophie de conception a été réorientée vers une « conception axée sur les tâches » (Task-First Design), qui place l'accomplissement des objectifs commerciaux au premier plan afin d'éliminer rigoureusement toute surcharge cognitive pour les utilisateurs.

J'ai défini le besoin réel du client non pas uniquement comme la création d'un « design esthétique », mais comme la capacité à communiquer fidèlement la valeur de la marque par le design pour, à terme, optimiser la rentabilité.

Partenaires commerciaux de 77 Spirits
Le site web doit s'adresser efficacement aux distilleries, aux détaillants et aux autres parties prenantes.

En analysant le site web existant, j'ai identifié trois grands acteurs B2B comme cœur de cible : les grossistes en spiritueux, les fabricants de boissons alcoolisées et les institutions financières. Mon intention était de concrétiser le sentiment de « confiance » indispensable aux transactions commerciales, à travers une démarche factuelle et transparente.

Avant (État actuel)

Après (Proposition)

Valoriser le produit
Pour transmettre la valeur à tous les profils, les « Témoignages » s'avèrent bien plus probants que des certificats industriels confidentiels.

Problème actuel : Des certifications de tiers, dont l'utilité réelle échappe au visiteur lambda, occupaient une place prépondérante.

Solution : Remplacement par des retours concrets de consommateurs. La mise en avant d'une preuve sociale universelle rehausse intuitivement le crédit accordé aux produits.

2. Ajuster la palette de couleurs

Problème actuel : L'alternance contrastée entre fonds sombres et teintes moutarde générait une fatigue oculaire et un sentiment d'inconfort de lecture.

Solution : L'association d'un noir profond et de nuances crème adoucit l'affichage, structure clairement les blocs et offre un parcours visuel fluide et agréable.

3. Harmoniser la navigation principale

Avant (État actuel)

Après (Proposition)

Restructuration du menu de navigation
Écarter les formulations redondantes permet aux visiteurs d'identifier instantanément le but de chaque lien.

Problème actuel : Des termes trop proches entretenaient le flou sur le contenu de destination, créant un sentiment d'excès d'information.

Solution : Fusion des catégories similaires et adaptation fine au défilement vertical d'une page unique, limitant ainsi les temps d'exploration inutiles.

4. Différencier distinctement les cofondateurs

Avant (État actuel)

Après (Proposition)

Individualiser la présentation des cofondateurs
Isoler chaque profil permet de mettre clairement en relation les visages, rôles et parcours respectifs.

Problème actuel : Les deux dirigeants apparaissaient sur un cliché commun, rendant délicate la correspondance des noms de chacun pour un observateur externe.

Solution : Attribution d'un espace photo individuel associé au nom, à la fonction et à un court descriptif de carrière, assurant une prise de repères rassurante pour les futurs partenaires commerciaux.

5. Simplifier l'accès au contact

Avant (État actuel)

Après (Proposition)

Friction des points d'entrée de contact
Multiplier les canaux d'échange crée une indécision chez l'interlocuteur. Unifier l'accès élimine toute hésitation.

Problème actuel : Quatre options d'interaction différentes (dont LinkedIn) coexistaient, complexifiant le processus décisionnel de contact.

Solution : Recentrage de l'interaction autour d'un formulaire unique et structuré, accompagnant le visiteur de façon intuitive vers la soumission de son message.

6. Inclure une cartographie dynamique au pied de page

Avant (État actuel)

Après (Proposition)

Aménagement de la zone de bas de page
En l'absence de plan interactif, organiser des rencontres physiques s'avère plus complexe. La carte intégrée guide le visiteur sereinement.

Problème actuel : L'adresse était partagée sous forme de simple texte, ce qui imposait d'effectuer une manipulation de recherche externe pour se repérer (ceci concernait la version initiale ; le texte d'adresse a par la suite été retiré du site définitif).

Solution : Intégration d'une fenêtre de cartographie Google Maps afin de rendre l'accès direct lors des rendez-vous d'affaires, minimisant les désagréments et actant notre considération pour le temps de nos collaborateurs.

Conception Finale et Livrables

Avant (État actuel)

Après (Proposition)

Proposition : Conception web finalisée pour 77 Spirits

En restructurant et en ciblant les données partagées, nous avons abouti à une interface utilisateur où le message fondateur est partagé de manière immédiate. J'ai la conviction profonde qu'articuler et hiérarchiser correctement l'information sous des règles définies assoit le crédit institutionnel d'une entreprise et assure ses retours de rentabilité.

Principes clés pour les projets futurs

En analysant les enjeux de ce travail, j'ai à cœur d'appliquer rigoureusement les préceptes d'action suivants lors d'opportunités de design futures :

• ▪ Assimilation préalable et exhaustive de la vision du client et de ses services
• ▪ Validation exhaustive des scénarios de réticence utilisateur en amont de la livraison des maquettes
• ▪ Développement de méthodologies de conseil intégrant pleinement l'expérience utilisateur et les objectifs financiers de l'entreprise