Webflow redesign:
Find out how Consolidaire is using Webflow to revolutionise social innovation. A case study on digital autonomy, SEO optimisation and dynamic collections.
The company
Consolidaire is an organization dedicated to promoting social and solidarity-based innovation through a variety of projects and initiatives. As aplayer committed to sustainable development and the social economy, Consolidaire seeks to maximize its impact by using digital technologies to extend its reach and improve its operations.
The project
designed pages
SEO optimized
Webflow
The project for Consolidaire was part of an ambitious program to develop 5 Webflow sites, each with a personalized visual identity but sharing a common structure. This approach delivered economies of scale, reduced development times and simplified the learning curve for Consolidaire s teams.
The objectives were clear:
- Enable Consolidaire teams to manage their site autonomously on Webflow.
- Take full advantage of Webflow s dynamic collection features to facilitate content management and updating.
- Integrate our SEO expertise to improve the site s natural referencing and increase its online visibility.
The stages of the project
Wireframes
UI Design
Dev. Webflow
Research and UI/UX Workshop
- Persona identification: We define personas to understand the needs and behaviors of target users.
- UI/UX workshop: We organize a workshop with stakeholders to discuss objectives, functionalities and user flows.
- Competitive analysis: We study competing websites to identify best practices and opportunities.
Tree structure and Wireframing
- Setting upa complete wireframing file: We trained the Consolidaire teams in the use of wireframes, so that they could work on this part independently.
Design and Webdesign guidelines on Figma
- Moodboard: We create a moodboard to define the mood and visual style of the site.
- Color palette and typography: We choose a color palette and typography that match the brand s identity.
- Mock-up design: We use Figma to create high-fidelity mock-ups based on wireframes and design orientations.
- Customer validation: We present the mock-ups to the customer for validation and adjustments.
Webflow development
- Site structure: We establish the basic structure of the site in Webflow.
- Design integration: We integrate the design elements down to the pixel.
- Functionality development: We add interactions, animations and more.
- Mobile optimization: We ensure that the site is responsive.
- Technical SEO: We implement elements for SEO.
Testing and launch
- Functional and compatibility testing: We check that everything works as expected on different browsers and devices.
- Audit: We carry out a detailed audit of the site.
- Customer review: We set up a tool to collect customer feedback easily.
- Final modifications: We make the final changes.
- Deployment: We put the site online.
Maintenance phase
- Monitoring and analysis: We use analysis tools to track site performance.
- Support and updates: We provide regular updates based on customer needs and site performance.
The benefits for the customer
The Webflow sites developed for Consolidaire have brought several significant benefits:
- Consolidaire s teams are now able to manage and update their sites autonomously, enabling them to react quickly and adapt their communications.
- The common structure of the sites has led to economies of scale and reduced development costs and times.
- Thanks to SEO optimization, the Consolidaire site benefits from a better position in search results, which increases their visibility and potentially their impact.
THE PROJECT IN PICTURES
"With Webflow, Consolidaire has transformed itself into much more than a social economy organization: it has become an interactive ecosystem that places social innovation at the heart of every action."
