Seraya Fragrances · Alger, Dubaï, Europe
Une maison de parfum qui devait se lire pareil en trois langues
Le travail
Seraya crée des parfums pour les cheveux et le corps, vendus en Algérie et dans le Golfe, et désormais en Europe. Nous avons reconstruit la boutique autour de la façon dont on achète réellement un parfum, puis localisé l'ensemble en français, en anglais et en espagnol.
Résultats
Ce que le travail a fait bouger
La gamme
Six signatures, un seul flacon
Chaque parfum est livré dans le même flacon de 50 ml : la seule chose qui les sépare en rayon ou dans une grille est la couleur du jus et le nom. Cette contrainte a fixé toute la direction artistique.
Architecture de l'information
Trois portes, puis cinq sensations
Une trentaine de produits, et l'ancien site les plaçait tous dans une grille unique derrière trois boutons de filtre. La refonte les classe en trois niveaux descendants : sur quoi on le met, ce que cela fait ressentir, puis le produit lui-même. Chaque niveau est une vraie page d'atterrissage, dans chaque langue.
| FR France, Algérie | EN Golfe, international | ES Espagne |
|---|---|---|
| Frais & Musqué | Fresh & Musky | Fresco y almizclado |
| Chaud & Floral | Warm & Floral | Cálido y floral |
| Floral & Sensuel | Floral & Sensual | Floral y sensual |
| Chaud & Épicé | Warm & Spicy | Cálido y especiado |
| Sucré & Gourmand | Sweet & Gourmand | Dulce y goloso |
Direction artistique produit
La liste de notes, rendue visible
Plutôt que d'imprimer la pyramide en texte, chaque page de parfum s'ouvre sur ses matières premières en suspension autour du flacon. Même lumière, même objectif, même composition sur toute la gamme, pour que les produits restent un ensemble.
Chaîne de production produit
D'une mesure à une photographie
Toute la gamme partage un seul flacon : rien ne pouvait être dessiné avant que le flacon ne soit fixé. 135 mm jusqu'au sommet du bouchon, 45 mm de face, 30 mm de profondeur. Ces chiffres deviennent un modèle, le modèle devient un cadrage studio, et le cadrage studio part dans une pièce. Aucun produit n'a jamais été photographié. Chaque image de la boutique sort du même fichier : c'est pourquoi une nouvelle senteur coûte un rendu plutôt qu'une prise de vue.
Hauteur, face et profondeur relevées sur le vrai flacon, avant qu'une étiquette n'existe.
Construit à ces cotes et vérifié en argile grise, pour que la silhouette soit jugée pour elle-même.
Verre, jus et étiquette ajoutés, puis un seul éclairage réutilisé sur toute la gamme.
Déposé dans une pièce avec ses propres matières premières, pour la campagne et les pages d'atterrissage.
Contenu de campagne
Porté, pas exposé
Un parfum pour cheveux n'a de sens que sur quelqu'un. La série lifestyle a été dirigée pour que le flacon soit toujours en contact avec les cheveux ou la peau, jamais posé sur une surface.
Les montages créateurs
Quatre films verticaux tournés comme le produit est réellement utilisé : les cheveux, puis la peau, puis la sortie. Même brief, quatre créatrices, aucun studio.
La boutique
Ce que la refonte a réellement changé
Le site avec lequel Seraya est venue nous voir était une application React monopage faite main. Elle avait l'air correcte et prenait les commandes, mais tout ce qu'un moteur de recherche lit était absent : un seul titre de page pour tout le site, aucune description, rien d'affiché tant que trois mégaoctets de JavaScript n'avaient pas tourné. Nous avons déplacé le catalogue sur Shopify avec un thème sur mesure, puis reconstruit les deux pages qui font la vente.
| Avant · application React faite main | Après · Shopify, thème sur mesure | |
|---|---|---|
| Titre de page | דSERAYA”, sur absolument chaque route | ✓Rédigé par produit et par collection |
| Méta description | ×Aucune, et une balise meta invalide à sa place | ✓Une par page, dans la langue de la page |
| Aperçu sur les réseaux | ×Pas d'Open Graph, liens partagés en URL nue | ✓Titre, description et image sur chaque page |
| Sans JavaScript | ×Une page blanche et un message « activez JavaScript » | ✓HTML rendu côté serveur, lisible par les robots |
| Poids du front-end | ×Un seul bundle de 3,2 Mo, sans découpage | ✓Découpé et chargé à la demande, 2,1 s au premier affichage |
| Sitemap | ×Aucun sur le serveur | ✓Généré et soumis |
| Langues | ×Français et arabe collés dans le même champ | ✓Français, anglais et espagnol en vraies langues |
| Manifeste d'installation | ×Affichait encore “Create React App Sample” | ✓Nom de marque, icônes et couleur de thème |
| Paiement | ×Un formulaire de commande et un back-office faits main | ✓Paiement Shopify, taxes et paniers abandonnés |
| Avis sur la page | ×Nulle part sur la fiche produit | ✓Note dans le bloc d'achat, avis rédigés en dessous |
Une agence hautement professionnelle
“Cette agence est hautement professionnelle, à l'écoute des besoins de ses clients, et livre toujours des résultats remarquables en y ajoutant sa propre touche créative. L'équipe est réactive, fiable, et reste disponible même après la fin du projet pour accueillir toute modification ou demande supplémentaire. Leur implication, leur professionnalisme et leur excellente communication en font un vrai plaisir de collaboration. Vivement recommandée !”