Revenir aux réalisations

CoreTech Nutrition

2024

Création Shopify pour CoreTech Nutrition, marque de compléments alimentaires sportifs : thème conçu sur Figma, intégré sur Webflow puis converti en boutique Shopify via Udesly, avec 32 produits mis en ligne dans 11 collections organisées.

CoreTech Nutrition, realisation MuratDesigns
Voir le site en live
Voir le site
11
pages collection introduites par un texte et une FAQ
1
thème Shopify dessiné et intégré sur mesure, sans gabarit acheté
1
direction artistique sport et énergie, du logo aux photos
Voir le site
v
voir
le site
CoreTech Nutrition, pleine 1
en bref

Le client

CoreTech Nutrition vend des compléments pour sportifs : protéines, BCAA, créatine, gainers, pré-entraînement.

Le besoin

Une boutique qui sorte des thèmes Shopify standardisés sans renoncer aux fonctionnalités e-commerce.

Ce qu'on a fait

Création Shopify : thème conçu sur Figma, intégré sur Webflow, converti via Udesly.

Le résultat

La boutique combine la précision visuelle d'un site sur-mesure et les fonctionnalités natives de Shopify.

CoreTech Nutrition
le point de départ

Le marché des compléments sportifs est saturé de boutiques qui se ressemblent toutes : mêmes thèmes Shopify de catalogue, mêmes codes visuels. La méthode adoptée pour en sortir : un thème conçu sur Figma, intégré sur Webflow, puis converti en boutique Shopify via Udesly.

Le marché des compléments alimentaires sportifs est saturé de boutiques en ligne qui se ressemblent toutes : mêmes thèmes Shopify de catalogue, mêmes codes visuels, où la différenciation se joue autant dans la perception de la marque que dans la qualité du produit. Un thème Shopify standard, même personnalisé à la marge, ne suffisait pas à sortir du lot.

La méthode adoptée pour sortir de ces codes : un thème conçu sur Figma, intégré sur Webflow pour la précision visuelle, puis converti en boutique Shopify via Udesly pour exploiter les fonctionnalités e-commerce natives de la plateforme sans renoncer à la fidélité au design source.

CoreTech Nutrition, pleine 2
ce qu'on a construit
Pictogramme point 1

Un thème Shopify conçu sur Figma puis intégré sur Webflow

Plutôt qu'un thème Shopify préfabriqué qu'on personnalise marginalement, la boutique dispose d'un thème entièrement conçu sur Figma. Cette approche garantit une fidélité visuelle au pixel près, là où les thèmes standardisés laissent toujours des compromis.

01/04
CoreTech Nutrition, construit 1
ce qu'on a construit
Pictogramme point 2

Une conversion technique de Webflow vers Shopify via Udesly

Une fois le design intégré sur Webflow avec précision, la conversion vers Shopify se fait via Udesly, qui transforme le site en thème Shopify natif. Cette méthode combine la finesse d'intégration Webflow avec les fonctionnalités e-commerce Shopify, panier, checkout, gestion des produits.

02/04
CoreTech Nutrition, construit 2
ce qu'on a construit
Pictogramme point 3

Une structure de pages pensée pour le référencement dès la conception

Hiérarchie sémantique claire, méta-données structurées, navigation interne soignée, pages collection introduites par un vrai texte et complétées d'une FAQ : le référencement a été pensé en amont, dès la phase de structuration. Le site capte les requêtes spécifiques à la nutrition sportive sans repasser par une refonte SEO après lancement.

03/04
CoreTech Nutrition, construit 3
ce qu'on a construit
Pictogramme point 4

Une direction artistique sport et énergie qui sort des codes nutrition

Là où les marques de nutrition sportive alternent souvent entre photos de packaging clinique et imagerie de salle de sport vide, la boutique assume une mise en scène énergique, des photographies dynamiques, et une typographie tranchée, cohérente du logo jusqu'au pied de page.

04/04
CoreTech Nutrition, construit 4
ce qu'on a construit

05/05
CoreTech Nutrition, pleine 3
CoreTech Nutrition, pleine 4
les outils du projet
Notion

Notion

Le sitemap, les idées et les textes, posés à plat avant la maquette.

notion

Figma

Figma

Les maquettes, validées écran par écran avant le code.

figma

Webflow

Webflow

Le site, son CMS et sa mise en ligne.

webflow

Shopify

Shopify

La boutique, le catalogue et le paiement.

shopify

ce que ça a changé

CoreTech Nutrition dispose d'une boutique qui combine la précision d'un site sur-mesure et les fonctionnalités natives de Shopify. La conversion via Udesly préserve la fidélité au design, et la direction sport et énergie distingue la marque.

CoreTech Nutrition dispose désormais d'une boutique e-commerce qui combine la précision visuelle d'un site sur-mesure avec les fonctionnalités natives de Shopify. La conversion Webflow vers Shopify via Udesly préserve la fidélité au design source, la direction artistique sport et énergie distingue la marque dans un secteur saturé, et la structure de pages pensée pour le référencement capture les requêtes spécifiques à la nutrition sportive. Une boutique pensée comme un actif de marque, pas comme un théâtre de promotion.

Voir le site
Mascotte MuratDesigns assise