Le Fork de votre Website

Fork Agency, c’est notre site vitrine. Mais c’est aussi notre terrain de test.
On l’a construit avec exactement la même méthode qu’on applique pour nos clients :

• un site Webflow sur-mesure,
• un système connecté à Notion pour tout gérer facilement,
• des automatisations pour que le contenu se mette à jour tout seul.

L’idée : montrer ce qu’on sait faire, tout en s’en servant au quotidien.

‍

Webflow nous permet de créer un site rapide, visuel, 100% personnalisable.
Mais pour qu’un site fonctionne vraiment au quotidien, il doit aussi être simple à mettre à jour sans toucher au code.

C’est pour ça qu’on a construit Fork Agency en deux parties :

• une base statique, optimisée pour le SEO,
• une partie dynamique, connectée à Notion, pour tout ce qui évolue régulièrement.

Pourquoi cette séparation ?

SEO : structure Webflow optimisée

Les pages principales (accueil, services, à propos, contact…) sont gérées directement dans Webflow, sans passer par une base externe.
Cela permet de contrôler le balisage HTML, les balises Hn, les métadonnées, les URL propres, et de bénéficier à fond des performances natives de Webflow :

• chargement rapide,
• responsive,
• accessibilité,
• optimisation des textes pour le référencement naturel.

Notion pour la partie dynamique (réalisations)

Les réalisations sont des contenus vivants : on en ajoute, on les met à jour, on les restructure.
Plutôt que de repasser par Webflow à chaque fois, on a fait un choix simple et logique :
gérer toutes nos réalisations depuis Notion, via une base connectée.

Chaque ajout, modification ou archive est synchronisé automatiquement grâce à Make, sans ouvrir Webflow.
Résultat :

• On garde un site toujours à jour,
• On évite les erreurs ou oublis,
• On peut déléguer la gestion à n’importe qui dans l’équipe, même sans compétences techniques.

En gros, on pilote notre vitrine comme une doc interne. Et ça change tout en termes de réactivité.

Pourquoi Notion ?

• Interface claire et familière, qu’on utilise déjà pour tout notre travail quotidien
• Facilité d’usage : aucune formation, aucune friction
• Centralisation : nos idées, nos projets et nos publications sont dans le même écosystème
• Rapidité : publier une nouvelle réalisation prend 30 secondes, montre en main

Design & expérience

On a voulu un design sobre, rapide, et structuré autour de notre mission : accompagner efficacement les marques ambitieuses.

Nos choix UX/UI s’articulent autour de 3 axes :

1. Clarté :L’info est hiérarchisée, lisible, sans distraction
2. Fluidité: Navigation rapide, pas de surcharge, responsive impeccable
3. Modularité: Chaque section peut évoluer sans casser le reste : on peut ajouter des projets, reformuler une offre, intégrer une vidéo… tout s’adapte.

Visuellement, on a évité les effets gadget ou les animations inutiles :
L’objectif, c’est de rassurer, inspirer confiance, et donner envie de bosser avec nous.

Fork est à la fois notre carte de visite et notre terrain de jeu.
Chaque choix a été fait pour servir à la fois le fond et la forme.

‍

Pour permettre un ajout rapide, structuré et visuellement cohérent de nouveaux cas de showcases sur le site, nous avons conçu une base de données centralisée dans Notion, parfaitement intégrée avec Webflow via le système Fork.

Avant tout, nous avons défini les fondations essentielles :

• Quelles informations doivent être modifiables sans intervention technique ?
• Comment garantir une cohérence graphique et éditoriale sur le site ?
• Comment accélérer la publication de nouveaux projets sans alourdir le process ?

‍

Une base pensée pour la simplicité et l’évolutivité

Chaque showcase peut être ajouté ou modifié depuis Notion, sans avoir à accéder à Webflow.
La synchronisation est automatique et déclenchée à la demande via Fork.

Nous avons structuré une seule base dédiée, contenant tous les champs nécessaires à l'affichage d’un projet complet sur le site.
Chaque champ a été conçu pour correspondre à un composant spécifique dans Webflow (titre, images, description, client, etc.), afin de garantir une mise en page homogène, quelle que soit la personne qui ajoute le contenu.

Cette approche permet de publier un nouveau cas en quelques minutes, tout en gardant une cohérence graphique et narrative sur l’ensemble du site.

Pour Fork, nous avons appliqué à nous-mêmes ce que nous recommandons à nos clients :
un design clair, affirmé, centré sur l’essentiel.

L’objectif était simple : transmettre en quelques secondes ce que l’on fait, pour qui, et pourquoi on le fait bien.
Le tout sans détour, avec une expérience fluide et impactante.

‍

Nous avons donc conçu une identité visuelle qui repose sur trois piliers :

• Clarté de l’offre : une lecture directe, sans jargon, avec un ton franc
• Hiérarchie maîtrisée : chaque page est pensée pour guider, convaincre, puis convertir
• Esthétique sobre et moderne : une base minimaliste rehaussée par des animations fluides, des micro-interactions et une typographie affirmée

‍

Une fois la maquette validée, nous sommes passés à l’intégration Webflow avec une logique CMS-first, pensée pour durer.

L’objectif : que chaque partie du site (showcases, services, équipe, contenus…) soit générée dynamiquement depuis Notion, sans avoir besoin de modifier Webflow manuellement.

Nous avons donc :

• Créé les collections CMS nécessaires (showcases, pages internes, témoignages…)
• Relié chaque template de page à Notion via Fork, notre propre système de synchronisation
• Intégré des composants modulables pour faire évoluer le site rapidement, sans dépendre du design initial

Le site est conçu pour être vivant et autonome :

→ Ajouter un projet dans Notion génère automatiquement sa page Webflow
→ Modifier un titre ou un visuel met à jour instantanément le front
→ Changer une mise en avant repositionne le projet sur la home, sans aucune ligne de code

‍

Ce projet nous a permis d’appliquer à Fork ce que nous mettons en place pour nos clients :
un site moderne, structuré, et entièrement pilotable sans dépendre d’un développeur.

L’objectif était clair : créer une base solide et modulaire, à la fois pour présenter notre activité, mais aussi comme modèle duplicable pour des sites vitrines ou eCommerce.

Tout a été pensé pour que le contenu soit facilement éditable depuis Notion, avec une synchronisation automatique vers Webflow.
Chaque ajout, qu’il s’agisse d’un nouveau projet, d’un témoignage ou d’un service, se fait en quelques clics, sans toucher au design ni au code.

‍