Zayara — Suite créative complète

Zayara est une étude de cas conceptuelle autodirigée créée pour explorer comment une marque de soins haut de gamme peut rester cohérente à travers l'identité, l'emballage, les documents investisseurs et le design Web.

« Zayara — Ancient Roots · Modern Science » est un concept de marque de soins de la peau d'inspiration marocaine, alliant huile d'argan, huile de rose musquée et figue de Barbarie à des actifs dosés cliniquement répartis sur trois gammes : Origine, Aktif et Fusion. J'ai développé l'identité, la présentation investisseurs, le guide de marque, les maquettes de produits et quatre mises en page de site web codées comme une suite créative complète et cohérente.

• Développer un logotype, une signature de marque et trois variantes de coloris (foncé, clair, doré) pour toute la gamme de produits.
• Construire un guide de marque de 7 pages — essence, système de logo, palette de couleurs, typographie, direction visuelle, exemples de textes.
• Produire une présentation investisseurs de 9 diapositives avec taille de marché, stratégie de mise en marché et projections financières.
• Réaliser des mises en scène de maquettes produits pour toute la gamme, et coder quatre directions de mise en page de site web distinctes.
• Documenter le système afin que les décisions visuelles se poursuivent clairement à travers l’impression, la présentation et les points de contact numériques.

Rôle

Designer de marque et numérique

Outils

Affinity Designer, HTML/CSS, visualisation assistée par IA, production de présentation

Type

Étude de cas conceptuelle autodirigée

Focus

Image de marque, emballage et direction numérique

1. Phase 1

   Système d'identité de marque Réalisé

   Logo, palette, typographie

   Un logotype en treillis étoilé marocain avec un centre en goutte d'huile, une signature en Cinzel, et trois coloris approuvés — Desert Ink (foncé), Sahara Sand (clair) et Argan Gold (accent) — appliqués sur les étiquettes des trois gammes de produits.

2. Phase 2

   Guide de marque, présentation et maquettes Réalisé

   Ensemble documentaire complet

   Un guide de marque PDF de 7 pages prêt pour l'impression, une présentation investisseurs de 9 diapositives avec taille de marché et projections financières, et des mises en scène de maquettes couvrant toute la gamme Origine/Aktif/Fusion.

3. Phase 3

   Directions de mise en page du site web Réalisé

   Quatre directions codées

   Quatre concepts de mise en page HTML/CSS distincts pour le site e-commerce de Zayara, d'une direction éditoriale minimaliste à une mise en page de style apothicaire plus chaleureuse, chacune portant le système d'identité complet.

4. Phase 4

   Présentation du système Documenté

   Système de design multiplateforme

   Une suite créative documentée qui montre comment l’identité se déploie sur l’emballage, les documents de présentation, les visuels produits et les mises en page numériques.

• Une identité de soins de la peau haut de gamme, alliant héritage et science — « racines anciennes, science moderne » comme tension centrale à résoudre visuellement.
• Une marque crédible et prête au lancement sur tous les points de contact : identité, guide, présentation, visuels produits et site web.
• Un nom et une histoire capables de soutenir une large gamme de produits sur plusieurs lignes et gammes de prix.

Le logotype — un treillis étoilé marocain à six pointes avec un centre en goutte d'huile — décliné en trois coloris approuvés, un par gamme de produits : Origine en Argan Gold, Aktif en Desert Ink, Fusion en un sarcelle profond façon Atlas.

Le guide de 7 pages précisait le système de logo, les règles d'espace de dégagement, la palette de six couleurs avec les valeurs Pantone et d'impression, et une hiérarchie typographique à trois polices — tout ce dont un imprimeur, un développeur ou un second designer aurait besoin sans avoir à poser de questions.

L'une des quatre directions de mise en page codées — une approche éditoriale d'inspiration apothicaire — accompagnée d'une mise en scène à plat tirée de l'ensemble de visualisation produits, le tout rendu en HTML/CSS pur plutôt que photographié.

Zayara a été conçu comme plus qu’un exercice de logo. La même logique visuelle traverse la marque, la hiérarchie des étiquettes, le guide, les documents de présentation, les scènes produits et une direction de site Web adaptative.

• Un langage visuel unique sur tous les points de contact. La typographie, la couleur, l’espacement et l’imagerie sont pensés pour fonctionner ensemble sur l’emballage, dans une présentation et à l’écran.
• Des détails conscients de la production. Le guide présente des règles de dégagement, de couleur et de typographie qui aident un imprimeur, un développeur ou un futur collaborateur à utiliser le système avec constance.
• Une direction numérique utile. Les mises en page HTML/CSS transforment la marque en hiérarchie claire de produits et de contenu, plutôt que de traiter le site comme un exercice visuel isolé.