Revenir aux réalisations

Greencub

2025

Refonte Webflow pour Greencub, agence de marketing digital alsacienne spécialisée dans le secteur viticole : soixante-treize pages conçues, treize études de cas détaillées et dix-sept offres packagées avec paiement Stripe direct, animées au scroll.

Greencub, realisation MuratDesigns
Voir le site en live
Voir le site
17
offres packagées avec paiement Stripe
1
texte qui s'inscrit au défilement, section après section
1
micro-interaction sur chaque élément cliquable
Voir le site
v
voir
le site
Greencub, pleine 1
en bref

Le client

Greencub, agence de marketing digital à Sélestat, spécialiste du viticole alsacien (Schlumberger, Cave de Turckheim).

Le besoin

Porter une nouvelle direction artistique avec finesse, et faire de la lecture une expérience.

Ce qu'on a fait

Refonte Webflow : intégration qui pousse la finesse des animations, études de cas détaillées.

Le résultat

Les animations narratives transforment la lecture en expérience et la section Stripe ouvre un canal de vente.

Greencub
le point de départ

Studio graphique, photo et vidéo, social media, sites web, marketing digital : six piliers de prestation, des cas clients au-delà du viticole, et un engagement environnemental central. La direction artistique restait à intégrer avec finesse, sans blocs génériques.

Studio graphique, photo et vidéo, social media, sites web, marketing digital : six piliers de prestation, des cas clients qui dépassent le secteur viticole (Vignerons Indépendants, DS Smith), et un engagement environnemental affiché comme valeur centrale de la marque depuis Sélestat.

Une nouvelle direction artistique, déjà pensée en amont, restait à intégrer sans en perdre la finesse : micro-interactions, transitions, hiérarchie typographique. Le site devait aussi porter un contenu dense, études de cas détaillées et offres tarifées, sans jamais tomber dans le simple défilement de blocs génériques.

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

Une intégration Webflow qui pousse la finesse des détails

Animations au scroll, transitions cohérentes entre sections, hiérarchie typographique stricte, micro-interactions sur chaque élément : la refonte assume un niveau de précision rare en intégration Webflow. Chaque scroll révèle une nouvelle nuance visuelle.

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

Des animations narratives qui font apparaître le texte au scroll

Le texte n'est pas seulement décor. Il s'inscrit progressivement à la lecture, avec des effets d'apparition pensés pour rythmer la découverte. Une mécanique simple en apparence, mais qui transforme la lecture passive en engagement actif, page après page.

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

Des études de cas détaillées avec storytelling complet

Cave de Turckheim et son film des soixante-dix ans, Vignerons Indépendants et la marketplace œnotouristique, DS Smith Kunheim et la communication anniversaire : chaque cas client est raconté comme une histoire, avec contexte, intention, livraison et impact.

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

Une section produits packagés avec paiement Stripe direct

Là où la majorité des agences présentent leurs services en grille générique, Greencub propose ses prestations comme des produits : fiche premium, prix affiché et paiement direct via Stripe. Une posture assumée qui transforme l'agence en boutique sans perdre en crédibilité.

04/04
Greencub, construit 4
ce qu'on a construit

05/05
Greencub, pleine 3
Greencub, 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

ce que ça a changé

Greencub dispose d'un site qui incarne son niveau de service. Les animations transforment la lecture en expérience, les études de cas prouvent le savoir-faire, et la section Stripe ouvre un canal commercial.

Greencub dispose désormais d'un site qui incarne son niveau de service. La finesse de l'intégration porte la direction artistique au pixel près, les animations narratives transforment la lecture en expérience, les études de cas prouvent le savoir-faire, et la section produits avec paiement Stripe ouvre un nouveau canal commercial. Un site qui ne se contente pas de présenter l'agence, il lui ouvre des opportunités.

Voir le site
Mascotte MuratDesigns assise