Revenir aux réalisations

Ozers Nutrition

2023

Une refonte e-commerce pour Ozers Nutrition, avec un thème Shopify entièrement redessiné en trois étapes, de Figma à Webflow puis Shopify via Udesly, et des fiches produit qui racontent la performance autant que la liste des ingrédients.

Ozers Nutrition, realisation MuratDesigns
Voir le site en live
Voir le site
2
identités réunies dans le design, l'athlète et l'ingénieur
1
thème Shopify entièrement redessiné, composant par composant
1
fiche produit qui raconte la performance, pas la liste d'ingrédients
Voir le site
v
voir
le site
en bref

Le client

Ozers Nutrition, compléments alimentaires fondés par un athlète et un ingénieur, pour les efforts les plus intenses.

Le besoin

Reposer entièrement la boutique pour incarner cette identité, avec un thème Shopify refait sur mesure.

Ce qu'on a fait

Refonte e-commerce en trois étapes, design Figma, intégration Webflow, conversion Shopify via Udesly.

Le résultat

La boutique porte la double identité de la marque, la puissance de l'athlète et la rigueur de l'ingénieur.

Ozers Nutrition
le point de départ

Une marque de nutrition sportive à la posture exigeante ne peut pas se contenter d'un thème générique qui la fond dans le marché. La refonte a reposé la boutique en trois étapes, un design pensé sur Figma, une intégration fidèle sur Webflow, puis une conversion vers Shopify via Udesly.

Une marque de nutrition sportive qui assume une posture rare, à la fois exigeante sur la performance et sur l'écologie, ne peut pas se contenter d'un thème générique. Le marché regorge de boutiques qui se ressemblent toutes, avec la même beauté lisse et les mêmes codes visuels, ce qui rend la différenciation difficile face à des pratiquants engagés qui repèrent vite le manque d'affirmation.

La refonte visait à reposer entièrement la boutique en trois étapes, un design pensé sur Figma, une intégration fidèle sur Webflow, puis une conversion vers Shopify via Udesly. Une méthode qui garantit la fidélité visuelle au design source tout en exploitant les fonctionnalités natives de la plateforme e-commerce.

ce qu'on a construit
Pictogramme point 1

Un design qui assume la puissance plutôt que la beauté lisse

Visuels intenses, typographies tranchées, palette qui évoque l'énergie et la précision, la grammaire visuelle sort des codes lisses de la nutrition sportive. Une rupture qui parle directement aux pratiquants engagés plutôt qu'à un public générique.

01/04
ce qu'on a construit
Pictogramme point 2

Un thème Shopify entièrement refait sur mesure pour la marque

Plutôt qu'une retouche superficielle de l'ancien site, la refonte a reposé l'ensemble du thème. Chaque composant a été redessiné, intégré, optimisé, pour servir le repositionnement de la marque plutôt que le calquer sur un gabarit standard.

02/04
ce qu'on a construit
Pictogramme point 3

Une intégration Webflow convertie en Shopify via Udesly

La méthode adoptée combine la précision visuelle de Webflow avec les fonctionnalités e-commerce de Shopify. Le rendu final reste fluide et performant, fidèle au design source, sans les compromis habituels d'un montage sur gabarit préexistant.

03/04
ce qu'on a construit
Pictogramme point 4

Des fiches produit qui racontent la performance et l'engagement

Les fiches produit ne se contentent pas de lister les ingrédients, elles racontent les bénéfices pour la performance, les choix d'écologie dans la fabrication, les valeurs portées par les fondateurs. Une transparence rare dans le secteur de la nutrition sportive.

04/04
ce qu'on a construit

05/05
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é

Ozers Nutrition porte désormais la double identité de la marque, la puissance de l'athlète et la rigueur de l'ingénieur, avec une signature visuelle durable et des fiches produit qui racontent l'engagement de la marque.

Ozers Nutrition dispose désormais d'une boutique en ligne qui porte la double identité de la marque, la puissance de l'athlète et la rigueur de l'ingénieur. Le design assume l'intensité plutôt que la beauté lisse, le thème Shopify entièrement refait pose une signature visuelle durable, l'intégration via Udesly combine précision Webflow et fonctionnalités Shopify, et les fiches produit transforment l'achat en geste aligné avec les valeurs de la marque.

Voir le site
Mascotte MuratDesigns assise