Retourner aux projets

Let'Style

Dev
Site internet
Conception
Design
Typescript
C#.NET
REST API

Rejoins l'univers de la mythologie grecque à travers une marque innovante dans un site internet conçu pour l'expérience utilisateur

Projet Let'Style

Présentation du projet

Let’Style est un site e-commerce imaginé pour une marque de vêtements inspirée de la mythologie grecque. L’ambition du projet était de proposer une interface capable de soutenir une identité visuelle forte tout en restant compatible avec les codes attendus d’un parcours de vente en ligne.

Objectifs, contexte, enjeux et risques

Le projet Let’Style s’inscrivait dans un contexte de création d’une marque de vêtements disposant d’un univers fort, inspiré de la mythologie grecque. Dès le départ, le site ne devait pas seulement remplir une fonction technique de vitrine ou de boutique en ligne ; il devait aussi servir de support à une identité de marque, transmettre un imaginaire visuel et installer une cohérence entre l’univers narratif du produit et l’expérience proposée à l’utilisateur. Le contexte était donc double : commercial, parce qu’il s’agissait d’un site e-commerce, et identitaire, parce qu’il fallait donner de la crédibilité à une marque encore en construction.

L’objectif principal du projet était de concevoir un site capable de présenter les collections, valoriser les produits et soutenir un parcours d’achat cohérent, tout en conservant une forte singularité visuelle. Il fallait donc développer une interface qui respecte les codes attendus d’un site marchand : lisibilité, clarté de navigation, hiérarchisation des informations, logique de parcours ; sans effacer la personnalité de la marque. À cela s’ajoutait un objectif technique important : structurer une base applicative cohérente, articulant front-end et back-end, afin que le projet ne repose pas uniquement sur son apparence, mais aussi sur une logique fonctionnelle solide.

Les enjeux étaient particulièrement intéressants car ils obligeaient à faire dialoguer plusieurs dimensions souvent difficiles à concilier. Le premier enjeu était marketing : le site devait rendre la marque crédible, attractive et reconnaissable. Le deuxième enjeu était ergonomique : l’utilisateur devait pouvoir comprendre rapidement l’offre, circuler sans difficulté entre les pages et accéder simplement aux informations utiles à son achat. Le troisième enjeu était technique : il fallait traduire une ambition graphique forte dans une interface réellement intégrable et exploitable, sans créer de rupture entre design, développement et logique produit. Enfin, le projet comportait aussi un enjeu collectif, puisque le travail en équipe demandait une bonne coordination des tâches, une communication régulière et une cohérence dans les choix retenus.

Les risques du projet étaient directement liés à cette complexité. Le premier risque était de produire une interface trop conceptuelle, esthétiquement réussie mais peu efficace dans un cadre e-commerce. Le second risque était au contraire de lisser excessivement le projet pour respecter les standards du web marchand, au point de perdre l’originalité liée à l’univers de la marque. Un autre risque concernait la robustesse technique du site : un rendu visuel convaincant pouvait masquer des fragilités sur l’API, les flux de données ou certains parcours critiques. Enfin, dans tout projet e-commerce, la question de la confiance et de la sécurité constitue un risque structurel, car l’utilisateur doit percevoir le site comme fiable non seulement dans sa forme, mais aussi dans sa gestion des interactions et des transactions.

Ma participation au projet

Au sein d’une équipe de quatre développeurs, j’ai participé à la structuration technique du projet. Cette phase a consisté à organiser les grandes briques de l’application, à réfléchir aux liens entre front-end et back-end et à assurer une cohérence d’ensemble entre l’architecture technique et l’expérience attendue côté utilisateur. Travailler sur cette structuration m’a obligé à conserver une vision globale du produit afin d’éviter qu’un choix technique local ne dégrade la cohérence générale du site.

J’ai également réalisé le diagramme de cas d’utilisation, ainsi que les schémas du parcours utilisateur (voir captures ci-dessous) avec les différentes interactions possibles des acteurs sur notre site internet.

Diagramme LetStyle

Diagramme 2 LetStyle

Parcours Utilisateur LetStyle

J’ai ensuite contribué à l’intégration des maquettes. Cette tâche ne se limitait pas à reproduire visuellement un design, mais supposait de transformer une intention graphique en pages réellement exploitables. J’ai dû veiller à la cohérence entre les différents écrans, à la stabilité des composants, à la hiérarchie des informations et à la qualité du parcours de navigation. Cette étape a été déterminante pour que l’identité visuelle forte de la marque puisse être traduite dans une interface claire et fonctionnelle.

Dessin LetStyle

J’ai également participé au développement de l’API, ce qui m’a amené à intervenir sur la logique d’échange de données entre le front-end et le back-end. Cette contribution m’a permis de mieux comprendre comment la structure applicative soutient concrètement l’affichage des produits, l’organisation des informations et la fluidité du parcours utilisateur. Le travail sur l’API a renforcé ma capacité à penser un projet web non pas comme une juxtaposition d’écrans, mais comme un ensemble cohérent de flux techniques et fonctionnels.

Une autre dimension importante de ma participation a été mon rôle de liaison entre l’intention visuelle et sa mise en œuvre concrète. J’ai contribué à traduire une direction artistique forte en choix d’interface réalistes, en veillant à préserver une cohérence entre les pages, les composants et les échanges techniques. Cette posture intermédiaire a constitué une réelle valeur ajoutée, car elle m’a conduit à arbitrer entre ambition créative, contraintes de développement et efficacité du site.

Enfin, le travail collectif a fait partie intégrante de ma contribution. Il a fallu répartir les tâches, confronter les choix techniques, ajuster certains partis pris visuels et maintenir une communication régulière au sein de l’équipe. Cette coordination a été essentielle pour préserver une unité de réalisation sur un projet mêlant identité de marque, logique produit et exigences techniques.

Le projet s’est conclu par un shooting photo réalisé au Musée d’Orsay où chaque membre a pu mettre en valeur une collection de la marque. Ces photos ont été utilisées directement sur le site internet comme sur la page d’accueil, pour mettre en avant la marque.

Accueil LetStyle

Shooting Hadès LetStyle

Shooting Icare LetStyle

Shooting Zeus LetStyle

Acteurs et interactions

Le projet a reposé sur un travail collectif étroit entre les membres de l’équipe. Il a fallu coordonner les choix d’architecture, répartir les responsabilités et aligner les décisions visuelles avec les contraintes techniques du développement.

Cette dynamique d’échange m’a appris à défendre des idées sans m’y enfermer, à ajuster certaines propositions lorsque cela servait mieux le projet, et à maintenir une communication claire avec l’équipe pour préserver la cohérence d’ensemble.

Résultats obtenus

Le résultat obtenu a été un site cohérent dans son identité comme dans sa structure, avec une base technique capable de soutenir le parcours prévu. Ma contribution a surtout apporté de la cohérence entre le front-end, le back-end et l’intention produit générale.

La conception du projet a également abouti à la création de motifs propres à l’identité de la marque et à leur impression sur des vêtements. Grâce à ce travail, l’équipe a obtenu le premier prix en filière Ingénierie Logicielle lors du Tech Day 2023 à l’école ESIEA, ce qui a constitué une reconnaissance importante de la qualité du projet.

Trophée LetStyle

Les lendemains du projet

Cette réalisation m’a montré l’importance de faire converger design, développement et logique produit. Elle continue d’influencer ma manière d’aborder les interfaces qui doivent à la fois raconter quelque chose, soutenir une identité forte et rester efficaces dans leur usage.

L’approche méthodologique adoptée dans ce travail collectif me sert encore aujourd’hui de référence pour organiser mes projets et maintenir une cohérence entre intention, réalisation et expérience utilisateur.

Mon regard critique

Avec du recul, j’estime que le projet a mis davantage en avant la dimension visuelle que l’approfondissement du parcours utilisateur. L’identité graphique a constitué une vraie force, mais nous aurions gagné à analyser plus finement l’expérience vécue par l’utilisateur à chaque étape du parcours, notamment dans la consultation des produits, la compréhension des informations essentielles et la progression dans le tunnel d’achat. Une réflexion plus poussée sur l’ergonomie et les points de friction aurait permis d’améliorer encore la qualité globale du site.

Je porte aussi un regard critique sur la question de la sécurité. A posteriori, j’ai pris conscience qu’une faiblesse importante du projet concernait la sécurisation des transactions et, plus largement, la confiance inspirée à l’utilisateur dans un contexte e-commerce. Cette limite est structurante, car un site de vente en ligne ne peut pas être évalué uniquement sur son rendu visuel ou sur la qualité de son intégration : il doit également garantir un cadre technique fiable, rassurant et crédible pour l’utilisateur.

Ce projet m’a donc appris qu’une réussite apparente doit toujours être relue avec plus d’exigence. Le prix obtenu et la qualité reconnue du rendu final ne suppriment pas la nécessité d’un regard critique sur les zones de fragilité du produit. C’est précisément ce décalage entre reconnaissance du travail accompli et conscience des limites restantes qui rend l’expérience particulièrement formatrice.

Enfin, j’identifie ma valeur ajoutée dans le fait d’avoir aidé à préserver un équilibre entre ambition visuelle et cohérence technique. Cette réalisation m’a appris qu’une identité forte ne devient un atout que lorsqu’elle reste lisible, cohérente et compatible avec les usages attendus. Avec plus de temps, j’aurais souhaité approfondir davantage l’expérience utilisateur, renforcer la robustesse du parcours d’achat et mieux intégrer les enjeux de sécurité dès la conception.

Compétences mobilisées