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
StatsOMP.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

Cover.jpg
Thème Shopify sur-mesure
Cosmétiques naturels
Ambiance florale & douce

Création du thème Shopify pour TheSoapLab : boutique douce & florale pour cosmétiques naturels

TheSoapLab est une marque de cosmétiques naturels qui prône la douceur, la transparence et l’artisanat. Le site e-commerce a été entièrement pensé sur-mesure, avec un thème Shopify reflétant une ambiance florale et élégante. L’objectif était de créer une expérience d’achat apaisante et sensorielle, fidèle à l’univers de la marque.

En savoir plus
Couverture (2).jpg
Site vitrine sur-mesure
Webflow + Airtable
Réseau de menuisiers

Création du site vitrine pour Roger AUTAA – Le confort de l’habitat : réseau de menuiserie à l’échelle nationale

Roger AUTAA – Le confort de l’habitat est le réseau leader de la menuiserie en France. Le site présente l’ensemble des produits proposés (fenêtres, portes, volets, vérandas…), valorise les concessionnaires du réseau et met en avant leurs réalisations locales. L’enjeu : structurer un site vitrine complet, moderne, accessible et facilement administrable, notamment grâce à une connexion dynamique à Airtable.

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