3 Tips for Learning Client-First (Webflow)

Documentation
3 min
Published on Nov 07, 2022
Updated on
Screenshot of client-first resources with Florian's memoji.
Use AI to summarize this article
Key points

Reminder: Client-First is the best development methodology for Webflow sites. It was conceived and created by the agency Finsweet, and is now being internationalized with V2, available in a new language, French.

As an agency, using this development method will greatly enhance your clients' satisfaction upon project delivery.

Here are 3 tips, presented in various learning formats, that will allow you to find the one that suits you best and thus learn faster!

  1. Academic reading,
  2. Learn by doing,
  3. Or video tutorial format!

Prefer videos? 🍿

1. Read the Client-First documentation

Excerpt from the Client-First documentation in French
Excerpt from the Client-First documentation (FR version by Digidop)

It may seem long, academic, and tedious, but you need to go through it! Reading the documentation is essential to understand the entire concept behind Client-First.

However, there are no strict rules or best practices. You can read it at your own pace, reread certain pages several times, and focus your reading efforts only on the chapters of your choice.

The documentation remains an essential resource, which you can return to for support if, one day, you have any doubts.

2. Clone and use the Client-First templates

Client-First V2 Template
Library of Client-First V2 templates

This method is my favorite. It is the very essence of "Learn by doing" on Webflow. Finsweet has made dozens of templates available in Made In Webflow that you can copy for free.

Take advantage of it!

Once the project is copied to your dashboard, open it and examine how each section was built and named from the inside.

3. Watch Live Builds of websites

Joe Krug in live build on Webflow
Live Build by Joe Krug

There are numerous videos on the Finsweet YouTube channel showcasing website creation on Webflow using the Client-First V2 class naming method. This is a very useful approach for learning in a fun way by watching experts at work.

Personally, it's a format I enjoy using at the end of the day. When I'm tired and want to absorb information fairly easily.

The only drawback: The videos are in English. However, we plan to do more and more live builds in French, focusing on Webflow with Client-First, on the Digidop YouTube channel this year.

Resources to learn to use Client-First

Florian Bodelot
Florian Bodelot
Co-founder

Suggested articles

Webflow Optimize interface showing the analytics dashboard with conversion optimization opportunities, traffic tracking, and organic source insights.
Documentation
Webflow

Optimize by Webflow: The AI-Powered CRO Tool for Marketers

Optimize by Webflow: The AI-Powered CRO Tool for Marketers
Apple Inc. stock performance chart showing intraday price variations and market data in a dark interface.
Documentation
Development

Why and How to Integrate Financial Charts, Tables, and Data into Your Website

Why and How to Integrate Financial Charts, Tables, and Data into Your Website
Projection of the Digidop logo on a building facade in a major city at night, symbolizing brand visibility.
Storytelling
Digidop

Was it a good idea (or not) to name our company Digidop?

Was it a good idea (or not) to name our company Digidop?

Want to turn your website into your most valuable asset?

Contact us today