Hello community!👇🏾
Developing a Webflow site is one thing, but creating a Digicalidad site using the Client-First methodology guarantees a well-organized website launch.
In this article, we will review the benefits of this method and the essential steps to get started with Client-First using a no-code Webflow project.
1. The Advantages of Client-First Guided Development
- Develop in a manner that ensures an optimal SEO architecture
- Clearly name elements to establish a coherent structure and logical organization:
→ this enables a clear understanding for every developer in the agency, another agency, or for a client receiving training during the delivery of their completed website: universal language
- Accessibility through a comprehensive resource:
→ good news! If you're working on your English or are still at a beginner level, Client-First V2 in French is now available! What!?
No more excuses not to use this methodology!
Indeed, to meet the needs of the French Webflow community, our team of developers (Thibaut & Florian) has translated the existing Client-First content, which was previously only available in English. We are proud to collaborate with Finsweet and share these resources that will allow you to understand better and get started today without fear!
2. Test Client-First, and You'll Adopt It!
By joining the Digiteam, my goal is to become a Webflow Expert Developer.
Thus, I am resuming my learning of the no-code tool Webflow with the best practices!
I realize that by using this method during the design of an application, the post-launch management of the platform will be simpler thanks to the style system that benefits both clients and developers:
- Create a solid foundation that is ready to evolve
- Build quickly, without compromising quality
- Encourage developers to be meticulous
- Deliver a product that is easily manageable and understandable by everyone, whether within the same agency or another if the client wishes to switch.
- Create a web project that clients can manage from the "Designer" mode
3. Some Tips for Creating Your First Client-First Webflow Site
- Immerse yourself in the documentation +++, to fully grasp and understand the terminology used to build a Webflow project.
- Analyze the free and cloneable templates from the Digidop Academy > a pleasure to share :) and the free templates from Finsweet. You'll find plenty of examples to immerse yourself in the structure that remains consistent across every Webflow website.
- Evaluate your preliminary Figma mockup (free training from Digidop Academy). This will give you a concrete idea of the project regarding styles to apply and content.
- You can choose a free Figma template for design inspiration or simply for practice.
- Clone the Client-First template on Webflow.
- Adapt the style guide for your new project: The style guide page is important because it outlines all the elements of the project that will require styling.
- And now, it's time to dive in! Develop, develop, and keep developing!
4. Which Client-First Documents to Start a Project with Webflow
Key Points of Client-First
Here’s a non-exhaustive list of the key points of Client-First to understand for a solid foundation:
- Introduction
- Classes strategy 1 - Class Strategy [Part 1]
- Core Structure strategy - Core Structure Strategy
- Sizes and rem - Sizes and rem
- Typography strategy - Typography Strategy
- Spacing strategy - Spacing Strategy
- Utility class systems - Utility Class Systems
A method applied at Digidop and a mark of quality
To start my learning of Client-First, I chose redundancy with the design of landing page-type websites to fully integrate the methodology and become fluid in my web development. I make sure to add relevant classes to organize my work. The next step will be creating multi-page websites.
With or Without Code, web development is a skill acquired through practice!
This Client-First method will enable you to create a well-structured website, thereby ensuring an optimized and high-performing website.
