MarketMedia
EnglishRéserver un appel stratégique
ÉTUDE DE CAS · SHOPIFY & IDENTITÉ DE MARQUE

Boutique Shopify et refresh couleurs — une marque padel premium, claire et jouable

Conception de la boutique Shopify PADDIK™ et mise à jour du système de couleurs : un vert lime électrique, un bleu sport et un navy d'ancrage — pour une expérience e-commerce aussi nette que le jeu.

PADDIK™ · Padel & e-commerce sport

www.paddik.com
Le contexte

Le point de départ

PADDIK™ vend des raquettes de padel premium, de l'apparel et des bundles destinés à une communauté internationale — des débutants aux joueurs confirmés. La marque avait besoin d'une boutique Shopify à la hauteur de sa vision produit, et d'un système de couleurs cohérent sur tout le parcours d'achat.

Le défi

Ce qu'il fallait résoudre

Concevoir une expérience Shopify claire (homepage, collections raquettes / apparel / bundles, fiches produit) tout en installant une nouvelle palette — vert lime, bleu accent et navy — sans perdre le caractère sportif ni la lisibilité des CTAs et des photographies produit.

Notre approche

Comment nous avons procédé

  1. 01

    Positionnement & direction créative

    Ancrer PADDIK™ comme équipementier padel premium : performance, communauté et plaisir de jeu — pas un catalogue générique de sport.

  2. 02

    Refresh du système de couleurs

    Définir la nouvelle palette live (lime, bleu, navy, surfaces) et la décliner sur thème Shopify, boutons, barres et accents UI.

  3. 03

    Architecture boutique Shopify

    Homepage hero, collections (Padel Rackets, Apparel & Accessories, Save & Bundles) et fiches produit orientées conversion.

  4. 04

    Kit de marque opérationnel

    Règles d'usage logo, typographie DM Sans, do's & don'ts pour CTAs, overlays photo et déclinaisons thème.

Kit de marque

Le système visuel PADDIK™

Document de référence pour appliquer la nouvelle identité sur Shopify, les supports digitaux et les déclinaisons produit. Palette relevée depuis le thème live paddik.com.

01

Positionnement & vision

Élever le padel par des raquettes premium — contrôle, puissance, confort — et rassembler une communauté du débutant au joueur aguerri.

« Gear Up for Victory » — équipement, apparel et plus : une marque qui vend du matériel et cultive le #PADDIK Community.
  • PerformanceRaquettes carbon, collections saisonnières, fiches produit orientées specs.
  • CommunautéAcademy, newsletter, réseaux — le store n'est pas seulement un panier.
  • Clarté premiumUI aérée, contrastes forts, CTAs lime immédiatement lisibles.
02

Système de couleurs

Nouvelle palette installée sur le thème Shopify — valeurs relevées des variables CSS live du store.

Lime primaire #BFE844 CTA principal, boutons Add to cart / Find Your Racket, étoiles avis
Bleu accent #1C77DE Boutons secondaires, accent-1 du thème, contraste sportif avec le lime
Navy encre #0E2036 Texte sur boutons lime, ancrage sombre, labels solides
Noir texte #101010 Corps de texte, titres, ombres de base (rgb 16,16,16)
Surface cool #EAEEF3 Fond de page (background-1), respiration entre sections
Blanc #FFFFFF Cartes produit, header, background-2, zones de lecture

Rôle clé : le lime (#BFE844) porte l'action ; le bleu (#1C77DE) seconde et structure ; le navy (#0E2036) garantit le contraste du texte sur les CTAs verts.

03

Typographie

Une seule famille — DM Sans — pour titres, UI et corps. Gras pour les CTAs et les H2, regular pour la lecture.

Display / titres

PADDIK: Gear Up for Victory

DM Sans · Bold 700 · tracking neutre · pas de petites capitales forcées
UI / boutons

Find Your Padel Racket

DM Sans · Bold 700 · navy sur fond lime · flèche ↗ autorisée
Corps

At PADDIK, we're committed to elevating the game of Padel through premium padel rackets that deliver superior control, power, and comfort.

DM Sans · Regular 400 · #101010 sur blanc ou #EAEEF3
04

Logo & wordmark

Wordmark PADDIK en italique bold, split bleu / lime — le « P » porte le motif balle / tête de raquette.

PADDIK™ wordmark sur fond clair
Sur blanc / #EAEEF3 — usage principal header & packing
PADDIK™ wordmark sur fond navy
Sur navy #0E2036 — hero sombre, overlays photo, social
  • Conserver le split de couleurs du wordmark ; ne pas aplatir en monochrome sauf versions techniques (favicon, tampon).
  • Respecter une zone de respiration égale à la hauteur du « P » autour du logo.
  • Marque commerciale : PADDIK™ — le ™ reste discret, ne pas l'agrandir dans les titres marketing.
  • Éviter les rotations, ombres portées fantaisie et outlines néon hors identité.
05

Direction boutique Shopify

Architecture e-commerce pensée pour découvrir, comparer et acheter — du hero lifestyle aux collections métier.

Homepage

Hero plein cadre + CTA lime

Photographie lifestyle court / joueurs, titre « Gear Up for Victory », sous-titre produit, bouton primaire lime. Ensuite : produit mis en avant, grilles Padel Essentials, blocs Vision & Community, Academy et newsletter.

Collections

Trois portes d'entrée claires

Padel Rackets — cœur catalogue. Apparel & Accessories — lifestyle et cross-sell. Save & Bundles — packs cadeaux / panier moyen. Navigation et merchandising alignés sur ces trois axes.

Fiches produit

Galerie, variantes, preuve stock

Galerie multi-angles + vidéo, sélecteur de couleur (ex. Green & Blue), stock visible, Add to cart lime et Buy it now. Specs et storytelling sous le fold pour rassurer sans freiner l'achat.

06

Règles d'application

Do's & don'ts pour garder le refresh cohérent sur thème, photos et campagnes.

À faire

  • Réserver le lime (#BFE844) aux actions primaires — un CTA dominant par viewport.
  • Poser le texte des boutons lime en navy (#0E2036), jamais en gris moyen.
  • Utiliser le bleu (#1C77DE) pour les actions secondaires ou les accents structurels.
  • Laisser respirer les photos produit sur blanc / #EAEEF3 ; overlays sombres légers seulement pour le texte hero.
  • Garder DM Sans partout — cohérence Shopify / email / social.

À éviter

  • Remplacer le lime par un vert « nature » ou fluo hors #BFE844.
  • Multiplier les CTAs lime côte à côte (dilution du focus d'achat).
  • Teinter les photos produit avec des filtres verts ou bleus saturés qui concurrencent la palette UI.
  • Mélanger d'autres familles typo (display sport décoratif) sur le store.
  • Inverser navy / lime sans contrôle de contraste (accessibilité des boutons).
Outils & technologies

Le stack mobilisé

Design

FigmaMaquettes & design system
Adobe IllustratorIdentité & wordmark

E-commerce

ShopifyThème & boutique

Production

Adobe PhotoshopVisuels produit & hero
Ce que nous avons livré

Le périmètre

  • Conception de la boutique Shopify (homepage, collections, fiches produit)
  • Refresh du système de couleurs et application sur le thème
  • Kit de marque : palette, typographie, logo, règles d'usage
  • Direction artistique e-commerce alignée communauté padel & performance
Une boutique Shopify nette, une palette lime / bleu / navy lisible au premier coup d'œil, et un kit de marque assez précis pour que le store et les campagnes parlent la même langue.
PADDIK™ · Padel gear premium
Autres études de cas

À voir aussi

BoumaCatalogue e-commerce optimisé pour Google, Bing et les LLMBranding & SEO e-commerceFurnish HomesSite web, socle SEO et identité graphiqueWeb, SEO & designExperiusSite web, socle SEO et identité graphiqueWeb, SEO & design

Obtenir des résultats similaires

Parlons de votre projet — appel gratuit, sans engagement.

Réserver un appel stratégique →