Skyworth
Skyworth lançait le Modèle K, sa première voiture électrique sur le marché français, et avait besoin d’un site pour installer la marque et présenter ce modèle phare. Pendant mon stage de 3 mois, j’ai travaillé en binôme avec un autre stagiaire sur la conception UX/UI et l’intégration Webflow du site : définition des parcours, architecture de l’information, maquettes haute fidélité, puis mise en place des pages directement dans Webflow.
Le projet se faisait dans une petite équipe : nous étions deux designers/intégrateurs dédiés au site, accompagnés par un tuteur qui validait les grandes orientations et nos livrables. Il n’y avait pas de gros pôle marketing structuré, donc notre rôle était vraiment de transformer les contenus fournis par la marque (textes, visuels, arguments) en une expérience web crédible pour un lancement en France. L’objectif n’était pas juste d’avoir une landing page “jolie”, mais de poser des bases solides pour la future communication digitale de Skyworth France autour du Modèle K.
Le contexte était assez particulier : Skyworth est connue sur certains marchés, mais presque invisible en France. L’enjeu principal était donc de donner immédiatement une impression de sérieux et de qualité dans un univers très concurrentiel (Tesla, MG, BYD, etc.), tout en incitant les visiteurs à prendre contact (demande d’essai, d’informations, de brochure) malgré le manque de notoriété. Sans vraie réflexion UX, on risquait de sortir un simple site vitrine : une belle voiture, du texte technique, mais peu de raisons d’agir et une hiérarchie de l’information peu claire.
Nous avons commencé par un audit des contenus disponibles (documents de la marque, visuels, spécifications du Modèle K) et un benchmark de sites automobiles, en particulier de marques électriques récentes. Cela nous a permis d’identifier ce qui met en confiance : clarté des bénéfices, storytelling, preuves concrètes (chiffres, sécurité, garanties), types de call-to-action. À partir de là, nous avons construit un scénario principal qui guide l’utilisateur : découvrir la marque, comprendre ce qu’est le Modèle K, identifier ses points forts, puis trouver facilement comment entrer en contact. Ce scénario a servi de base à une architecture de l’information simple avec une page d’accueil, une page Modèle K, des pages Services & garanties, Actualités et Contact.
Sur Figma, j’ai conçu des wireframes mobile-first pour tester l’ordre des sections, la mise en avant des bénéfices par rapport aux infos techniques et le placement des boutons de contact ou de demande d’essai. Une fois ces choix validés par notre tuteur, j’ai réalisé les maquettes haute fidélité et mis en place un mini design system (palette, typographies, composants réutilisables). Ensuite, je me suis chargé de l’intégration Webflow : création des templates de pages, styles globaux, adaptation responsive, micro-interactions au scroll et au survol, tout en respectant les contraintes de performance.
L’expérience finale prend la forme d’un parcours narratif autour du Modèle K. La page d’accueil s’ouvre sur un hero épuré avec un visuel fort de la voiture, un message clair sur le positionnement (électrique, innovante, pensée pour la ville) et un call-to-action immédiat pour entrer en contact ou demander un essai. En scrollant, l’utilisateur découvre les arguments clés (autonomie, technologie embarquée, confort, sécurité, services associés), présentés sous forme de blocs avec texte court, quelques chiffres et visuels en situation. Les call-to-action reviennent régulièrement mais restent cohérents : bouton de contact, formulaire simplifié, lien vers la page Modèle K.
Cette page modèle détaille ensuite les aspects techniques, mais avec une structure par thèmes (performances, habitacle, équipements, sécurité) pour éviter l’effet “tableau indigeste”. Côté intégration, j’ai veillé à garder une interface sobre, avec beaucoup d’espace blanc, un responsive mobile soigné (où se fait une grande partie de la découverte) et des animations légères qui donnent un sentiment de modernité sans gêner la lecture.
À la fin du stage, nous avons livré un ensemble cohérent de maquettes haute fidélité, un site Webflow entièrement structuré et prêt à être enrichi, ainsi qu’une architecture claire capable d’accueillir de futurs modèles. Notre tuteur a particulièrement apprécié le positionnement plus premium du site par rapport aux premières propositions, la clarté du parcours autour du Modèle K et des points de contact, ainsi que la qualité du responsive et la cohérence entre Figma et Webflow. Même si je n’ai pas accès aux métriques finales (taux de conversion, trafic), le projet a posé une base solide pour la communication digitale de Skyworth France et a servi de référence pour la suite.
Ce projet m’a permis de vivre un cycle complet UX/UI + intégration dans une petite équipe, où il fallait être autonome tout en restant cadré par un tuteur. J’ai renforcé ma capacité à transformer des contenus marketing parfois flous en parcours structurés, à concevoir une interface ambitieuse en gardant en tête les contraintes de Webflow, et à faire le lien entre enjeux business (faire connaître un nouveau modèle, générer des leads) et décisions de design (architecture de page, call-to-action, ton visuel). Avec du recul, si je devais reprendre ce projet, j’irais plus loin sur la recherche utilisateur (entretiens avec prospects ou concessionnaires) et je définirais dès le départ des indicateurs de succès pour mesurer l’impact du site après lancement. Cela reste un projet important dans mon parcours, car c’est là que j’ai vraiment pu combiner UX, UI et intégration Webflow sur un cas concret de lancement produit.