SCROLL
SCROLL
SCROLL
Swiss Fit Cook
En 6 semaines, j'ai accompagné Swiss Fit Cook sur le rebranding, la partie UX UI design et l'intégration Wordpress du site web.
Swiss Fit Cook aide les foodies à manger sainement sans se priver, à travers des recettes gourmandes et un guide nutrition accessible. Le concept était solide, mais l'identité de marque et le site ne reflétaient pas encore cette promesse : direction artistique trop sage, parcours d'achat peu clair, absence de vraie expérience mobile.
J'ai pris en charge la direction artistique, la refonte UX UI et l'intégration Shopify du site, pour transformer une plateforme de recettes en véritable marque lifestyle : plus gourmande, plus vivante, plus proche de sa communauté, tout en gardant un parcours d'achat simple et rassurant.
Réalisations
BRANDING
WEBDESIGN
UI/UX
INTÉGRATION
Stacks
Direction artistique
L’identité imaginée pour Swiss Fit Cook devait traduire un univers à la fois gourmand, accessible et décomplexé. L’enjeu était de conserver la personnalité forte de la marque tout en construisant un langage visuel suffisamment structuré pour fonctionner sur un site e-commerce.
À partir de la direction artistique conçue par Julien Dejeu, j’ai développé une déclinaison spécifiquement pensée pour le digital. Les couleurs, typographies, compositions, iconographie et éléments graphiques ont été adaptés afin de créer une expérience cohérente, reconnaissable et fidèle au ton énergique de Swiss Fit Cook.
Une gourmandise assumée
L’univers visuel devait immédiatement évoquer le plaisir de cuisiner et de manger, sans reprendre les codes froids ou restrictifs souvent associés à la nutrition. Les compositions mettent donc en avant des recettes généreuses, des couleurs expressives et une communication directe.
Une identité adaptée au digital
La direction artistique existante a été enrichie par la création de composants et de règles propres au web. Boutons, cartes, sections éditoriales, fiches produits et éléments de navigation composent désormais un système homogène, capable de s’adapter à l’ensemble du site.
Une personnalité incarnée
Swiss Fit Cook repose fortement sur la personnalité de son créateur et sa proximité avec sa communauté. Les photographies, les prises de parole et les contenus ont donc été intégrés comme des éléments centraux de l’expérience, afin de conserver la dimension humaine qui fait la force de la marque.
Des produits intégrés à l’univers
Le merchandising ne devait pas apparaître comme une simple collection de produits dérivés. Le livre, les tabliers, tote bags, tee-shirts, bobs et casquettes ont été mis en scène comme le prolongement naturel de l’univers Swiss Fit Cook et de son art de vivre.
Swiss Fit Cook
En 6 semaines, j'ai accompagné Swiss Fit Cook sur le rebranding, la partie UX UI design et l'intégration Wordpress du site web.
Swiss Fit Cook aide les foodies à manger sainement sans se priver, à travers des recettes gourmandes et un guide nutrition accessible. Le concept était solide, mais l'identité de marque et le site ne reflétaient pas encore cette promesse : direction artistique trop sage, parcours d'achat peu clair, absence de vraie expérience mobile.
J'ai pris en charge la direction artistique, la refonte UX UI et l'intégration Shopify du site, pour transformer une plateforme de recettes en véritable marque lifestyle : plus gourmande, plus vivante, plus proche de sa communauté, tout en gardant un parcours d'achat simple et rassurant.
Réalisations
BRANDING
WEBDESIGN
UI/UX
INTÉGRATION
Stacks
Direction artistique
L’identité imaginée pour Swiss Fit Cook devait traduire un univers à la fois gourmand, accessible et décomplexé. L’enjeu était de conserver la personnalité forte de la marque tout en construisant un langage visuel suffisamment structuré pour fonctionner sur un site e-commerce.
À partir de la direction artistique conçue par Julien Dejeu, j’ai développé une déclinaison spécifiquement pensée pour le digital. Les couleurs, typographies, compositions, iconographie et éléments graphiques ont été adaptés afin de créer une expérience cohérente, reconnaissable et fidèle au ton énergique de Swiss Fit Cook.
Une gourmandise assumée
L’univers visuel devait immédiatement évoquer le plaisir de cuisiner et de manger, sans reprendre les codes froids ou restrictifs souvent associés à la nutrition. Les compositions mettent donc en avant des recettes généreuses, des couleurs expressives et une communication directe.
Une identité adaptée au digital
La direction artistique existante a été enrichie par la création de composants et de règles propres au web. Boutons, cartes, sections éditoriales, fiches produits et éléments de navigation composent désormais un système homogène, capable de s’adapter à l’ensemble du site.
Une personnalité incarnée
Swiss Fit Cook repose fortement sur la personnalité de son créateur et sa proximité avec sa communauté. Les photographies, les prises de parole et les contenus ont donc été intégrés comme des éléments centraux de l’expérience, afin de conserver la dimension humaine qui fait la force de la marque.
Des produits intégrés à l’univers
Le merchandising ne devait pas apparaître comme une simple collection de produits dérivés. Le livre, les tabliers, tote bags, tee-shirts, bobs et casquettes ont été mis en scène comme le prolongement naturel de l’univers Swiss Fit Cook et de son art de vivre.
Analyse du site web
Le site Shopify existant permettait d’accéder aux premières offres de Swiss Fit Cook, mais il ne reflétait pas encore la force de son univers ni l’engagement de sa communauté. La direction artistique était peu présente, l’expérience mobile manquait d’adaptation et la hiérarchie des contenus ne respectait pas toujours les principaux usages UX/UI d’un site e-commerce.
Au-delà de l’aspect visuel, le parcours ne guidait pas suffisamment l’utilisateur vers l’achat. Les recettes, la personnalité du créateur, le merchandising et le livre restaient peu valorisés, ce qui limitait la valeur perçue des produits et la capacité du site à transformer son audience sociale en clients. Swiss Fit Cook dispose pourtant d’un univers éditorial riche, centré sur des recettes gourmandes et protéinées, ainsi que d’une communauté importante construite sur les réseaux sociaux.
UX UI Design
La refonte UX/UI devait transformer une boutique encore essentiellement fonctionnelle en une véritable expérience de marque. L’objectif était de mieux présenter l’univers Swiss Fit Cook, faciliter la découverte des recettes et des produits, puis accompagner naturellement les visiteurs jusqu’à l’achat.
Le nouveau parcours a été pensé en priorité pour les usages mobiles, essentiels pour une marque dont une grande partie de l’audience découvre les contenus depuis les réseaux sociaux. Chaque page devait être claire, rapide à parcourir et capable de transmettre immédiatement la personnalité de Swiss Fit Cook.
Une page d’accueil plus immersive
La page d’accueil a été repensée pour présenter rapidement la promesse de Swiss Fit Cook et donner accès aux principaux piliers de la marque : les recettes, le livre, le merchandising et la communauté. Plutôt que d’afficher uniquement un catalogue, elle construit un parcours éditorial qui permet de découvrir l’univers, de comprendre sa philosophie et d’entrer progressivement dans l’offre.
Les recettes au cœur de l’expérience
Les recettes constituent l’un des principaux points de rencontre entre Swiss Fit Cook et sa communauté. Elles ont donc été davantage intégrées au parcours afin d’apporter du contenu utile, de renforcer l’expertise de la marque et de créer des passerelles naturelles vers les produits.
Cette approche permet au site de ne plus être uniquement perçu comme une boutique, mais comme une véritable plateforme autour de la cuisine fit et gourmande.
Une communauté davantage valorisée
La refonte met en avant la personnalité de Swiss Fit Cook, ses contenus et la relation construite avec son audience. Photographies, contenus sociaux et prises de parole permettent de rendre l’expérience plus humaine et de renforcer la confiance avant l’achat.
Un parcours mobile et responsive
L’ensemble de l’interface a été conçu pour s’adapter aux différentes tailles d’écran, avec une attention particulière portée au smartphone. Navigation, contenus, fiches produits et boutons d’action ont été optimisés pour rester lisibles et accessibles tout au long du parcours. Cette approche permet de réduire les frictions entre la découverte d’un contenu sur les réseaux sociaux et l’achat sur la boutique.
Analyse du site web
Le site Shopify existant permettait d’accéder aux premières offres de Swiss Fit Cook, mais il ne reflétait pas encore la force de son univers ni l’engagement de sa communauté. La direction artistique était peu présente, l’expérience mobile manquait d’adaptation et la hiérarchie des contenus ne respectait pas toujours les principaux usages UX/UI d’un site e-commerce.
Au-delà de l’aspect visuel, le parcours ne guidait pas suffisamment l’utilisateur vers l’achat. Les recettes, la personnalité du créateur, le merchandising et le livre restaient peu valorisés, ce qui limitait la valeur perçue des produits et la capacité du site à transformer son audience sociale en clients. Swiss Fit Cook dispose pourtant d’un univers éditorial riche, centré sur des recettes gourmandes et protéinées, ainsi que d’une communauté importante construite sur les réseaux sociaux.
UX UI Design
La refonte UX/UI devait transformer une boutique encore essentiellement fonctionnelle en une véritable expérience de marque. L’objectif était de mieux présenter l’univers Swiss Fit Cook, faciliter la découverte des recettes et des produits, puis accompagner naturellement les visiteurs jusqu’à l’achat.
Le nouveau parcours a été pensé en priorité pour les usages mobiles, essentiels pour une marque dont une grande partie de l’audience découvre les contenus depuis les réseaux sociaux. Chaque page devait être claire, rapide à parcourir et capable de transmettre immédiatement la personnalité de Swiss Fit Cook.
Une page d’accueil plus immersive
La page d’accueil a été repensée pour présenter rapidement la promesse de Swiss Fit Cook et donner accès aux principaux piliers de la marque : les recettes, le livre, le merchandising et la communauté. Plutôt que d’afficher uniquement un catalogue, elle construit un parcours éditorial qui permet de découvrir l’univers, de comprendre sa philosophie et d’entrer progressivement dans l’offre.
Les recettes au cœur de l’expérience
Les recettes constituent l’un des principaux points de rencontre entre Swiss Fit Cook et sa communauté. Elles ont donc été davantage intégrées au parcours afin d’apporter du contenu utile, de renforcer l’expertise de la marque et de créer des passerelles naturelles vers les produits.
Cette approche permet au site de ne plus être uniquement perçu comme une boutique, mais comme une véritable plateforme autour de la cuisine fit et gourmande.
Une communauté davantage valorisée
La refonte met en avant la personnalité de Swiss Fit Cook, ses contenus et la relation construite avec son audience. Photographies, contenus sociaux et prises de parole permettent de rendre l’expérience plus humaine et de renforcer la confiance avant l’achat.
Un parcours mobile et responsive
L’ensemble de l’interface a été conçu pour s’adapter aux différentes tailles d’écran, avec une attention particulière portée au smartphone. Navigation, contenus, fiches produits et boutons d’action ont été optimisés pour rester lisibles et accessibles tout au long du parcours. Cette approche permet de réduire les frictions entre la découverte d’un contenu sur les réseaux sociaux et l’achat sur la boutique.
Intégration Shopify
Une fois les maquettes validées, j’ai assuré l’intégration complète du nouveau site sur Shopify. L’objectif était de traduire fidèlement la direction artistique et l’expérience conçue dans Figma, tout en conservant une boutique simple à administrer et à faire évoluer.
Le travail a porté sur la construction des différentes pages, l’intégration du catalogue, la création des collections, la mise en valeur du livre et du merchandising, ainsi que l’optimisation du parcours d’achat.
Une boutique simple à administrer
Les sections ont été construites pour permettre à l’équipe de modifier facilement les contenus, mettre en ligne de nouvelles recettes et ajouter de futurs produits sans remettre en cause la cohérence du site. Cette structure offre à Swiss Fit Cook une base durable, capable d’accompagner le développement de nouvelles collections et opérations commerciales.
Un tunnel de conversion optimisé
Le parcours entre la découverte d’un produit et la finalisation de la commande a été simplifié. Les appels à l’action, les fiches produits, le panier et les étapes d’achat ont été pensés pour limiter les hésitations et réduire les points de friction.
Une architecture pensée pour le SEO
La structure des pages, les titres, les contenus, les liens internes et les informations produits ont été organisés pour améliorer la compréhension du site par les moteurs de recherche.
Performance et expérience mobile
Une attention particulière a été portée au poids des médias, à la hiérarchie des contenus et au comportement des différentes sections sur mobile. Le site devait rester immersif tout en offrant une navigation rapide, fluide et adaptée à un usage e-commerce.
Intégration Shopify
Une fois les maquettes validées, j’ai assuré l’intégration complète du nouveau site sur Shopify. L’objectif était de traduire fidèlement la direction artistique et l’expérience conçue dans Figma, tout en conservant une boutique simple à administrer et à faire évoluer.
Le travail a porté sur la construction des différentes pages, l’intégration du catalogue, la création des collections, la mise en valeur du livre et du merchandising, ainsi que l’optimisation du parcours d’achat.
Une boutique simple à administrer
Les sections ont été construites pour permettre à l’équipe de modifier facilement les contenus, mettre en ligne de nouvelles recettes et ajouter de futurs produits sans remettre en cause la cohérence du site. Cette structure offre à Swiss Fit Cook une base durable, capable d’accompagner le développement de nouvelles collections et opérations commerciales.
Un tunnel de conversion optimisé
Le parcours entre la découverte d’un produit et la finalisation de la commande a été simplifié. Les appels à l’action, les fiches produits, le panier et les étapes d’achat ont été pensés pour limiter les hésitations et réduire les points de friction.
Une architecture pensée pour le SEO
La structure des pages, les titres, les contenus, les liens internes et les informations produits ont été organisés pour améliorer la compréhension du site par les moteurs de recherche.
Performance et expérience mobile
Une attention particulière a été portée au poids des médias, à la hiérarchie des contenus et au comportement des différentes sections sur mobile. Le site devait rester immersif tout en offrant une navigation rapide, fluide et adaptée à un usage e-commerce.
À vos marques, prêts à démarrer ?
Plus de 30 entreprises m’ont déjà fait confiance
À vos marques, prêts à démarrer ?
Plus de 30 entreprises m’ont déjà fait confiance
À vos marques, prêts à démarrer ?
Plus de 30 entreprises m’ont déjà fait confiance
À vos marques, prêts à démarrer ?
Plus de 30 entreprises m’ont déjà fait confiance
MENU
MENU
MENU
MENU
MENU
MENU
MENU
MENU