Candela

Date

2022

Client

Projet de Bachelor

Mon rôle

Gestion de projet, UX/UI Designer, Direction artistique, Intégration web

Comptétences

UX/UI Design, Direction artistique, SEO, No-code, Développement web

Mockup d'ordinateur, de la page d'accueil

APERCU DU PROJET

Concevoir et développer un site e-commerce de bougies artisanales

“Créer une marque de A à Z, seule, avec de vraies contraintes. C'est ça, Candela”

Candela est une marque fictive de bougies parfumées artisanales et végétales, créée dans le cadre de ma dernière année de Bachelor à l’ECV. Le nom vient du provençal « chandelle », « bougie », une façon d’ancrer la marque dans son territoire d’origine, le sud de la France

Ce projet m’a permis de mener une réflexion globale de A à Z, de la stratégie de marque jusqu’à la mise en ligne d’un site e-commerce complet, en intégrant toutes les étapes d’une démarche UX/UI rigoureuse, avec de vraies contraintes de temps et de budget

PROBLEMATIQUE

Un marché en croissance, une opportunité à saisir

En France, le marché de la bougie connaît une croissance stable et une demande croissante pour des produits plus sains et plus respectueux de l’environnement. Pourtant, très peu de consommateurs connaissent les effets néfastes des bougies industrielles, substances CMR, phtalates sur la santé humaine. Candela est née de ce constat : proposer des bougies 100% artisanales, végétales et sans substances nocives, dans un circuit court, pour répondre à une vraie attente du marché

OBJECTIFS

Une boutique en ligne cohérente, fonctionnelle et écoresponsable

Le projet avait quatre objectifs principaux : se faire une place sur le marché en ligne des bougies parfumées, générer des ventes avec un objectif de chiffre d’affaires de 20 000€, proposer des produits de qualité artisanaux avec une démarche éco-responsable de bout en bout, et poser les bases d’une ouverture de corner éphémère
Côté conception, l’expérience utilisateur devait faciliter la navigation, optimiser le parcours d’achat, et répondre aux attentes d’une cible attentive à la simplicité, à la qualité et à l’éco-responsabilité

DEMARCHE

Une approche Design Thinking de bout en bout

Pour concevoir Candela, j’ai adopté une démarche Design Thinking, de la recherche utilisateur jusqu’aux tests post-lancement. Chaque décision était justifiée par une analyse, pas par une intuition

DEMARCHE

Recherche & analyse

J’ai commencé par une étude de marché pour comprendre le contexte et les tendances du secteur des bougies artisanales en France. Un benchmark des concurrents directs et indirects m’a permis d’identifier les bonnes pratiques et les lacunes des sites existants. J’ai également défini deux personae: la femme sensible à la composition des produits, et celle attentive à la décoration, pour cadrer les besoins et les attentes de ma cible

personae candela
benchmark candela

IDEATION

Architecture & plannification

À partir de ces analyses, j’ai défini l’architecture du site avec un sitemap, et organisé les différentes étapes du projet avec un planning de production. Chaque page avait une raison d’être et un objectif précis: page d’accueil, à propos, shop, fiche produit, panier, contact

arborescence candela

CONCEPTION

Direction artistique & charte graphique

J’ai développé toute l’identité visuelle de Candela : logo, couleurs, typographies, icônes en poussant le concept jusqu’au bout avec le drawing line. L’idée était simple : tous les éléments graphiques sont dessinés à la main, en un seul trait, comme le principe du drawing line. Les imperfections de cette méthode incarnent le côté artisanal de la marque et traduisent l’idée qu’elle accompagne ses clients du début à la fin

La palette pastel: rose, bleu clair, orange, vert, bleu foncé, a été choisie pour évoquer douceur, féminité, nature et bien-être. La Biglia pour les titres, Helvetica pour les textes, deux typographies complémentaires qui créent un contraste entre l’artisanal et le fonctionnel

moodboard candela

DESIGN

Maquettes UI

Les interfaces ont été conçues sur Adobe XD en intégrant les principes d’UX Writing et une hiérarchie claire de l’information. Chaque page avait sa logique de lecture: lecture en S pour la page à propos, disposition en grille pour le shop, pop-up panier sur le côté pour une expérience haut de gamme. Les wireframes ont été traduits en maquettes haute fidélité avant l’intégration

NO-CODE

Intégration WordPress

Le site a été intégré via une approche hybride, WordPress, WooCommerce, Elementor et du code personnalisé en HTML, CSS et PHP. Un choix pragmatique face aux contraintes de temps, sans sacrifier la qualité du résultat. J’ai également intégré les plugins nécessaires, SEO, RGPD, champs personnalisés pour que le site soit fonctionnel, référençable et conforme

page accueil, page a propos et page produit du site web

TEST

Test quantitatif

Après la mise en ligne, j’ai mené un test quantitatif via questionnaire auprès de 10 utilisateurs, évaluant trois dimensions : le design, le contenu et le parcours d’achat. Les retours ont été globalement positifs, le site est adapté à la thématique, épuré, navigation intuitive, processus de paiement clair. Le principal point d’amélioration identifié était la taille du texte courant, que j’ai corrigé suite aux résultats

COMMUNICATION

Post Instagram & Newsletter

Pour accompagner la sortie du site, j’ai créé un kit de communication comprenant un triptyque Instagram et une newsletter. Le triptyque jouait sur la curiosité avec un effet de révélation progressive des senteurs, dans l’univers drawing line de la marque. La newsletter visait à générer du trafic et à inciter à l’achat dès le lancement

communication

Voir d’autres projets

Azuréenne de protection
Repositionner une entreprise de sécurité privée vers le haut de gamme, refonte complète du design en deux semaines, en collaboration avec un développeur
Villebon-sur-Yvette
Concevoir l'interface d'un site municipal en Île-de-France en collaboration avec les chefs de projet et les développeurs