Badge Webflow Award Winner 2023

Se lancer dans la méthodologie Client-First sur Webflow

Publié le 
4/11/2022
Modifié le 
5/3/2024
Temps de lecture : 5 min
Se lancer dans Client-First
Écrit par
Icon digidop

L'équipe Digidop

Agence Web

Apprendre à Développer un site web avec l'outil no code Webflow en utilisant la méthodologie Client-First, accessible à tous et bientôt disponible en Français !

Points clés à retenir

Hello la communauté !👇🏾

Développer un site Webflow c’est une chose mais Développer un site Digicalidad en utilisant la méthodologie Client-First, est la garantie de mettre en ligne un site bien organisé.

Dans cet article nous allons passer en revue les avantages de cette méthode et les étapes importantes pour s’initier à Client-First avec un projet no code Webflow.

1. Les avantages d'un développement guidé par Client-First

  • Développer de façon à avoir une architecture SEO optimale
  • Nommer de façon explicite les éléments pour avoir une structure claire et une organisation logique : 

→ ce qui va permettre une bonne compréhension pour chaque développeur de l’agence ou d’une autre agence, ou client qui bénéficiera d’une formation lors de la livraison de son site web terminé : langage universel

  • L’accessibilité via une ressource complète :

→ bonne nouvelle, si vous êtes en phase de perfectionnement avec l’anglais ou que votre niveau est faible, sachez que la Client-First V2 en Version Française est désormais disponible ! What !?

Plus d’excuses pour ne pas utiliser cette méthodologie !

En effet, pour répondre à un besoin de la communauté française Webflow, notre équipe de développeurs (Thibaut & Florian) a réalisé la traduction du contenu Client-First existant uniquement en Anglais. Nous sommes fiers de collaborer avec Finsweet et de vous partager ces ressources qui vous permettront de comprendre au mieux et de vous lancer dès aujourd'hui sans crainte !

Client-First version Française en ligne

2. Tester Client-First, c'est l'adopter !

En intégrant la Digiteam, mon objectif est de devenir une développeuse Experte Webflow.

Ainsi je reprends l’apprentissage de l’outil no-code Webflow avec les bonnes pratiques !

Je me rends compte qu'en utilisant cette méthode lors de la conception d'une l'application. La gestion Post mise en ligne de la plateforme sera plus simple grâce au système de styles qui profite autant aux clients qu'aux développeurs :

  • Créer une base solide, prête à évoluer
  • Créer rapidement, sans perdre de qualité
  • Encourager les développeurs à être rigoureux
  • Délivrer un produit facilement administrable et compréhensible par tous, que ce soit au sein de la même agence ou par une autre, si le client souhaite changer.
  • Créer un projet web que les clients peuvent gérer depuis le mode “Designer”

3. Quelques Conseils pour créer votre premier site Webflow avec Client-First

  1. Plongez vous dans la documentation +++, pour assimiler et comprendre les appellations utilisées pour construire un projet Webflow.
  2. Analysez les Templates gratuits et clonables de la Digidop Académie > plaisir d'offrir :) et les Templates gratuits de Finsweet. Vous avez un grand nombre d'exemple pour vous imprégner de la structure qui est identique dans chaque site web Webflow.
  3. Faites l’analyse de votre maquette Figma élaborée au préalable (formation gratuite Digidop Académie). Ce qui vous permettra d’avoir une idée concrète du projet avec les styles à donner et le contenu
  4. Vous pouvez choisir un template gratuit Figma pour vous inspirer d'un design ou tout simplement pour pratiquer
  5. Clonez sur Webflow le template Client-First
  6. Adaptez le style guide de votre nouveau projet : La page style guide est importante car elle énumère tous les éléments du projet dont on va avoir besoin et auxquels on va appliquer un style.
  7. Et il va falloir se lancer ! Développez, développez et développez encore !

4. Quels documents Client-First pour démarrer un projet avec l'outil Webflow

Les points important de Client-First

Voici une liste non exhaustive des points importants de Client-First à comprendre, pour avoir des bases solides :

  • Introduction
  • Classes strategy 1 - Stratégie des classes [Partie 1]
  • Core Structure strategy - Stratégie de structure de base
  • Sizes and rem - Tailles et rem
  • Typography strategy - Stratégie typographique
  • Spacing strategy - Stratégie d'espacement
  • Utility class systems - Systèmes des classes utilitaires

Une méthode appliquée chez Digidop et gage de qualité

Pour commencer mon apprentissage Client-First, j’ai opté pour la redondance avec la conception de sites internet type landing page, afin d’intégrer pleinement la méthodologie et être fluide dans mon développement web. Je prends soin d'ajouter des classes pertinentes pour organiser mon travail. La seconde étape sera la création de site web de plusieurs pages.

Avec Code ou Sans Code, le développement web est un savoir-faire que l’on acquière avec la pratique !

Cette méthode Client-First va vous permettre de créer un site web bien structuré et de ce fait un site web optimisé et performant.

projet Flomodia by Digidop
projet Coudac by Digidop
projet Heka by Digidopprojet Flaw by Digidopprojet Morfo by Digidop