Elysia
Date
2023
Client
ECV – Aix-en-Provence
Mon rôle
UI Designer , Direction artistique, Intégration Webflow
Compétences
Direction artistique, UI Design, No-code, Webflow
Collaborateurs
Olivia Ruf
APERCU DU PROJET
Une identité visuelle pour une marque de mode 100% numérique
“Elysia n'existait pas. On l'a créée, de la philosophie de marque jusqu'au dernier écran Webflow”
Elysia est une marque de mode digitale et écoresponsable, née dans le cadre de notre projet de Master à l’ECV. Avec Olivia, nous avons construit cette marque dans son intégralité, de la philosophie de marque jusqu’à l’intégration du site e-commerce sur Webflow. Un projet qui mêlait création d’identité visuelle, direction artistique et conception d’une expérience utilisateur cohérente avec les codes du e-commerce.
PROBLEMATIQUE
Comment rendre désirable ce qu'on ne peut pas toucher ?
Le défi n’était pas de refondre ou d’améliorer quelque chose d’existant, c’était de créer de toutes pièces une marque cohérente, désirable et différenciante dans un secteur encore émergent : la digital fashion. Une marque de mode numérique doit convaincre sans jamais avoir de produit physique à montrer. Tout repose sur l’univers visuel, le storytelling et l’expérience en ligne.
OBJECTIFS
Une identité forte, un site e-commerce immersif
Le projet avait trois objectifs principaux : concevoir une charte graphique complète qui incarne les valeurs d’Elysia, créer un site e-commerce qui traduit cet univers de façon immersive et cohérente, et intégrer ce site sur Webflow en version desktop et responsive mobile.
DEMARCHE
De l'univers de marque au site e-commerce
Avant de commencer la conception, nous avons commencé par imaginer ce qu’Elysia devait être, ses valeurs, sa philosophie, son positionnement, son ton. C’est cette base qui a guidé chaque décision graphique et technique par la suite.
DEMARCHE
L’univers de marque
Elysia devait incarner une double identité : l’élégance de la mode haut de gamme et l’audace d’un territoire créatif encore inexploré. Nous avons construit cet univers autour de quatre valeurs : audace, créativité, impact, adaptabilité. Et d’une philosophie claire : proposer une mode désirable sans empreinte écologique.
DIRECTION ARTISTIQUE
Direction artistique & charte graphique
Une fois l’univers posé, nous avons construit la charte graphique d’Elysia en fusionnant deux directions esthétiques pour créer quelque chose d’original et de distinctif.
Le logo : le E d’Elysia a été retravaillé en effet miroir pour former un papillon, symbole de transformation, de cycle et d’immortalité. Une métaphore visuelle qui traduit l’idée d’évolution et de durabilité propre à la digital fashion. Le logo existe en version principale, secondaire et 3D, pour s’adapter à tous les supports.
La typographie : deux polices complémentaires. Area Normal pour sa modernité et son raffinement, utilisée pour les titres en black et capital, et les paragraphes en regular et minuscule. Estrella pour son caractère expressif et expérimental, utilisée pour les titres, en minuscule, avec des variations pleine, contour ou texturée.
Les couleurs & textures : une palette pensée pour équilibrer élégance et audace, avec des textures 3D qui donnent de la profondeur et du mouvement à l’identité visuelle.
UI DESIGN
Maquette & intégration sur Webflow
Une fois la direction artistique validée, nous avons intégré la page d’accueil du site e-commerce sur Webflow en version desktop et responsive mobile. Nous avons travaillé avec les classes natives de Webflow pour structurer les styles et garantir la cohérence visuelle entre les différentes section. L’objectif était de créer une expérience immersive qui plonge l’utilisateur dans l’univers d’Elysia dès les premiers instants: animations, mise en page aérée, visuels forts.
CE QUE JE RETIENS
Créer une marque, c'est bien plus que du design
Chaque choix graphique, le logo, les typographies, les couleurs, les textures, devait raconter la même histoire et incarner les mêmes valeurs. Rien n’était laissé au hasard, et rien ne pouvait être justifié par une simple préférence esthétique.
L’intégration sur Webflow a confirmé que maîtriser un nouvel outil, c’est avant tout comprendre sa logique avant d’en explorer les limites.
Travailler à deux sur un projet créatif aussi ouvert impose une vraie rigueur : quand il n’y a pas de brief client, chaque décision doit être défendue et au service du projet, pas de nos préférences personnelles.
Voir d’autres projets
- DESIGN SYSTEM, RECHERCHE UTILISATEUR, UX/UI DESIGN
- UI DESIGN