Webflow redesign:
Find out how Hopfab has made it easier for interior designers and craftsmen to work together, thanks to a Webflow migration and targeted SEO optimisation.
Many thanks to the Ouiflow team who redesigned our site.
A real relationship of trust, and above all a job well done, and finished on time!
I can t hesitate to recommend 👏🏻
Hadrien de Boisdeffre
Product Manager at Hopfab
The company
Hopfab supports the development of French interior designers and craftsmen who are committed to creating tailor-made, local, responsible and efficient furnishing projects.
The project
designed pages
SEO optimized
completion time
The project involved a complete migration of the website created from scratch to Webflow.
The challenges were to
- make Hopfab teams autonomous in managing their new site on Webflow
- make maximum use of Webflow s dynamic collections functionality
- improve certain existing parts of the site to make the user path more logical and fluid
- connect forms directly with their Hubspot CRM
- rework natural referencing by adding our technical SEO expertise
The stages of the project
Wireframes
UI Design
Dev. Webflow
Project planning
- Customer Needs Analysis: Our aim is to understand the needs and objectives of the project to ensure that the website will meet their expectations.
- Figma mock-up study: We examine the Figma mock-up to understand the structure, design, animations and functionality required.
Webflow development
- Site structure: We set up the site s basic structure (Header, Footer, Pages, etc.) in Webflow.
- Design integration: We integrate the design elements, respecting the pixel-perfect layout.
- Functionality development: We add interactions, animations and functionalities such as forms, galleries, etc.
- Mobile Optimization: We ensure that the site is responsive and optimized for mobile devices.
- Technical SEO: We set up meta tags, titles, descriptions, canonical URLs, etc., for SEO purposes.
Test and go live
- Functional testing: We check that all functionalities work as expected.
- Compatibility testing: We make sure the site works on different browsers and devices.
- SEO Audit: We use dedicated tools to audit the site.
- Customer Review: We present the site to the customer for approval.
- Final Modifications: We set up a tool to facilitate customer feedback and make final modifications based on customer feedback.
- Deployment: We put the site online using Webflow hosting.
The benefits for the customer
Hopfab teams can now easily add new content to their Webflow site without having to go through their team of developers. This total autonomy allows marketing teams to take back control of the website!
The various landing pages also help to improve the site s acquisition tunnel and overall SEO.
THE PROJECT IN PICTURES
"With Webflow, Hopfab has become the platform of choice for connecting architects and craftsmen, making every collaboration more efficient and harmonious."
