Site vitrine original
Design animé
Airtable connecté
Catalogue textile

Création du site vitrine pour Kooleurs : design atypique et catalogue textile connecté

Kooleurs est un atelier de marquage textile qui souhaitait un site web à son image : créatif, fluide et différent des codes traditionnels du secteur. Ce site vitrine mise sur un design audacieux et une structure animée, tout en intégrant un catalogue textile entièrement connecté à Airtable pour gérer facilement des centaines de produits depuis un simple tableau. Un projet à la croisée du style et de l'efficacité.

Client :
Kooleurs
Type :
Automatisations et Site vitrine
Localisation :
Reichstett, Alsace.
Couverture (1).jpg
<div style="position: relative; padding-bottom: 56.25%; height: 0;"> <iframe src="https://www.loom.com/embed/b8ae5d8ecdc748678ab8b498bc336f83?sid=03bcea77-8673-40f6-91ab-494592e9ab91&muted=true&hide_share=true&hideEmbedTopBar=true&hide_title=true&hide_owner=true&hide_speed=true" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"> </iframe> </div>
No items found.

Objectifs du projet

L'atelier Kooleurs souhaitait un site qui sorte des sentiers battus tout en restant simple à gérer. L’enjeu principal : valoriser son savoir-faire en marquage textile avec un site vitrine impactant, sans e-commerce, mais avec une gestion produit intelligente et flexible.

  • Créer un site vitrine original et différenciant
  • Mettre en avant le marquage textile et les prestations
  • Gérer facilement le catalogue de milliers de produits depuis Airtable
  • Sortir des limites CMS natives de Webflow pour manipuler de grandes quantités de données
  • Proposer un site animé, fluide et moderne

Outils utilisés pour le projet

Attributes
Webflow
Figma
Airtable

Les étapes du projet Kooleurs

Étape 01

Structuration stratégique sur Notion

Le travail a commencé sur Notion avec l’élaboration de l’arborescence, la planification des pages clés (accueil, prestations, catalogue…) et l’organisation du contenu autour du parcours utilisateur.

Étape 01

Structuration stratégique sur Notion

Le travail a commencé sur Notion avec l’élaboration de l’arborescence, la planification des pages clés (accueil, prestations, catalogue…) et l’organisation du contenu autour du parcours utilisateur.

Étape 02

Maquettes du site sur Figma – Desktop & Mobile

Un design audacieux a été pensé dès les maquettes : couleurs vives, formes organiques, animations douces. Le style visuel de Kooleurs a été pensé pour se démarquer immédiatement, tout en conservant une navigation claire.

Capture d’écran 2025-08-18 à 10.54.36.png
Étape 03

Développement du site sur Webflow

Les maquettes ont été intégrées avec précision sur Webflow. Des pages dynamiques ont été créées pour structurer le futur catalogue produit, avec des animations et des interactions visuelles sur mesure.

Capture d’écran 2025-08-17 à 16.31.58.png
Étape 04

Connexion Airtable ↔ Webflow pour le catalogue

Pour simplifier la gestion du site, un système de synchronisation avec Airtable a été mis en place. Les produits sont désormais gérés depuis un tableur clair, mis à jour automatiquement sur le site, sans limite de volume ni duplication manuelle.

Étape 05

Ce projet vous inspire ? Soutenez mon travail en un clic 🙌

Chaque projet est le fruit d’un vrai engagement. Si ce travail vous parle, vous inspire, ou si vous trouvez qu’il mérite d’être vu, n’hésitez pas à le partager autour de vous.
👉 Un simple clic peut vraiment m’aider à continuer à faire ce que j’aime : créer des sites uniques pour des marques ambitieuses ❤

Kooleurs.jpg
Monsieur Patapouf.jpg

Vous avez un projet web ? Parlons-en simplement

Que vous ayez besoin d’un site vitrine, d’une boutique en ligne, d’une nouvelle identité visuelle ou de solutions pour automatiser votre activité, je vous accompagne avec des prestations sur-mesure, pensées pour vos objectifs. Discutons-en simplement, sans engagement.

Que comprend la création d’un site vitrine comme celui-ci ?

  • Design créatif et animé (desktop & mobile)
  • Site vitrine sur-mesure
  • Catalogue produit connecté à Airtable
  • Pages dynamiques générées automatiquement
  • Structure pensée pour gagner du temps de gestion
  • Navigation fluide et esthétique différenciante
Demander un devis en 1min
Couverture (1).jpg

D’autres sites réalisés récemment

Couverture (5).jpg
Site vitrine sur-mesure
Webflow
Airtable connecté
Fiches visites dynamiques

Création du site pour Paris Antoinette : visites guidées à Paris et gestion simplifiée des fiches

Paris Antoinette est une plateforme de balades guidées à Paris, pensée pour offrir une expérience fluide aux visiteurs... et à ceux qui la gèrent ! L'ancien site manquait de logique et de souplesse, obligeant à dupliquer manuellement chaque visite. Cette refonte a permis de créer un site joyeux, moderne et beaucoup plus performant, avec un back-office simplifié grâce à la connexion Airtable – pour gérer facilement les fiches Visite sans doublons.

En savoir plus
Cyberbeam.jpg
Site vitrine cybersécurité
Univers cyber-tech

Refonte du site de Cyberbeam : identité renforcée et design immersif pour un acteur de la cybersécurité

Cyberbeam est une entreprise spécialisée en cybersécurité qui a entamé une refonte de son image pour affirmer sa position d’expert. Le site reflète cette ambition à travers un univers graphique cyber, une interface fluide et des animations maîtrisées. L’objectif était de construire une présence en ligne moderne, sobre et technologique, à la hauteur de leur savoir-faire.

En savoir plus

Pourquoi un site vitrine est essentiel aujourd’hui ?

En 2025, un site vitrine est bien plus qu’une carte de visite. C’est un outil de communication actif qui permet à votre entreprise d’exister en ligne, d’être trouvée sur Google, et de transformer un simple visiteur en client. Mon approche consiste à créer des sites vitrines sur-mesure, pensés pour mettre en valeur vos services tout en facilitant la prise de contact.

Demander un devis en 1min
Couverture (1).jpg