Noya Bénin : vitrine de cadeaux sur-mesure, espace de messages personnalisés et générateur de QR codes

Le contexte

Noya Bénin conçoit des cadeaux sur-mesure à Cotonou : bouquets de fleurs, bouquets d'argent (une tradition béninoise réinventée) et coffrets cadeaux pour Elle et pour Lui. La marque vend et échange principalement par WhatsApp, sans point de vente en ligne, et avait besoin d'une vitrine crédible capable de présenter ses univers, de montrer ses réalisations et de conduire le visiteur vers la conversation en un geste. La demande dépassait la simple vitrine : la marque voulait aussi permettre à ses clients de composer eux-mêmes le message qui accompagne le cadeau, et disposer d'un outil de QR codes réutilisables pour ses supports imprimés. Biris Tech a pris en charge la conception graphique et le développement complet. Le site est hébergé sur bitechlab.com, un domaine appartenant à Biris Tech, en attendant que le client bascule sur son propre nom de domaine. Il ne s'agit donc pas d'un produit maison, mais bien d'une commande cliente hébergée provisoirement chez nous.

1. 01Concevoir l'identité visuelle du site et l'univers graphique de la marque Noya Bénin
2. 02Structurer une page d'accueil courte menant le visiteur de la découverte à la commande sans détour
3. 03Présenter les trois univers de la marque : bouquets de fleurs, bouquets d'argent et coffrets cadeaux
4. 04Mettre en valeur les réalisations livrées dans une galerie soignée
5. 05Faire de WhatsApp le canal de commande principal, accessible depuis n'importe quel point de la page
6. 06Développer un espace permettant au client final de composer son message personnalisé avec aperçu en direct
7. 07Développer un générateur de QR codes dont la destination reste modifiable après impression
8. 08Assurer une lecture confortable sur téléphone, support majoritaire du public visé
9. 09Héberger et mettre en ligne le site en attendant la bascule vers le domaine du client

Ce que nous avons fait

La marque impose une lecture immédiate : le visiteur doit comprendre l'offre et commander en quelques secondes. Le design a donc été construit autour d'un parcours court (accroche, univers cadeaux, réalisations, appel à l'action WhatsApp) avec un bouton flottant présent en permanence pour que la commande ne soit jamais à plus d'un geste. L'identité visuelle s'appuie sur une association Playfair Display / Poppins, une palette bordeaux, crème et or, et des cartes photo aux bords arrondis qui mettent les créations en valeur sans surcharger la page. Les pictogrammes des trois univers sont dessinés en SVG plutôt qu'importés, pour rester nets à toutes les tailles et sans requête supplémentaire. Au-delà de la vitrine, deux modules applicatifs ont été développés sur mesure. L'espace « Mon message » permet au client final de composer un message personnalisé : il part d'un modèle proposé par la marque ou écrit le sien, choisit un fond dans un carrousel en arc de cercle ou importe sa propre image, et voit le rendu final se mettre à jour en direct avant de laisser ses coordonnées. Le générateur de QR codes produit un identifiant unique dont la destination reste modifiable après impression, ce qui évite de réimprimer les supports à chaque changement d'offre. Ces deux modules reposent sur une petite interface de programmation maison servie par Express : lecture des modèles de message et des fonds, envoi des images importées, création des demandes et création des QR codes. Le mouvement est réservé à l'apparition progressive des blocs au défilement, avec respect de la préférence système de réduction des animations et un filet de sécurité qui affiche tout le contenu au bout de 1,4 seconde si l'observation d'intersection ne se déclenche pas. L'ensemble a été mis en ligne sur bitechlab.com, domaine de Biris Tech, servi derrière Caddy avec HTTP/3 activé, le temps que le client bascule sur son propre nom de domaine.

• Charte graphique de la vitrine : palette bordeaux, crème et or, association typographique Playfair Display et Poppins, jeu de pictogrammes SVG dessinés sur mesure
• Maquettes et intégration de la page d'accueil : accroche, trois univers cadeaux, galerie de réalisations, bandeau d'appel à l'action et pied de page
• Espace « Mon message » : composition de texte, carrousel de fonds, importation d'image, aperçu en direct et formulaire de coordonnées
• Générateur de QR codes à destination modifiable, avec page de configuration après création
• Interface de programmation Express servant messages, modèles de fonds, importations, demandes et QR codes
• Intégration WhatsApp complète : bouton d'en-tête, boutons de contenu, bouton flottant permanent
• Mise en ligne sur bitechlab.com derrière Caddy, avec HTTP/3 activé, en attente de la bascule vers le domaine du client

Les résultats

• Un parcours de commande réduit à un geste : le bouton WhatsApp reste accessible en permanence, en en-tête, dans le contenu et en flottant
• Une image de marque cohérente sur les trois surfaces du site (vitrine, espace message et générateur de QR codes) grâce à une charte typographique et chromatique commune
• Un espace de personnalisation qui transfère la composition du message au client final, avec aperçu en direct avant envoi
• Des QR codes réutilisables : la destination se modifie sans réimprimer les supports
• Une expérience adaptée au téléphone, avec animations désactivées lorsque le système de l'utilisateur le demande
• Un site en ligne et démontrable dès aujourd'hui, prêt à basculer vers le domaine définitif du client