Elysia
Date
2023
Client
Projet de Master
Mon rôle
UI Designer , Direction artistique, Intégration Webflow
Compté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 de A à Z, 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 toucher à Figma ou Webflow, 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 été un vrai apprentissage. Partir d’un outil qu’on ne connaît pas, comprendre la logique des classes, et réussir à traduire fidèlement une direction artistique ambitieuse en no-code, c’est un exercice qui demande autant de rigueur technique que de sens du détail
Et travailler à deux sur un projet créatif aussi ouvert m’a appris quelque chose d’essentiel : quand il n’y a pas de brief client, les décisions sont entièrement les nôtres. C’est une liberté qui s’accompagne d’une vraie responsabilité, celle de défendre ses choix et de s’assurer qu’ils servent le projet, pas seulement nos goûts
Voir d’autres projets
- UI DESIGN
Marmande
- UI DESIGN