Webflow redesign:
Find out how Make it Clap, the first immersive film studio, was transformed thanks to Webflow integration and an advanced SEO strategy.
![Make it Clap website presented on computer and smartphone.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64edeb892ac18b274438ef96_Mockup%20Make%20It%20Clap.webp)
![](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/651a74885925b58043f13e24_Photo%20testimonial-3.webp)
The company
Make it Clap is a Paris-based start-up launching the first immersive film studio project.
Whether you re looking for a unique experience, or a way for your teams to forge strong bonds, Make it Clap offers a wide range of experiences to be discovered on their premises.
The project
designed pages
SEO optimized
completion time
The project consisted in creating the company s website, which had previously been non-existent, from scratch.
We had to develop the company s graphic identity, with strong values and a unique brand image.
The key points of the project were as follows:
- Develop a graphic charter consistent with the brand s identity and activity.
- Enable the company to make its various experiences directly available to users, thanks to Webflow s CMS functionalities.
- Integrate a booking module into the site to avoid redirections
- 100% SEO optimization to place the brand at the top of search results
The stages of the project
Wireframes
![Logo de Figma](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/64a2ead4cfabb43bfcd6c4f8_Figma%20icon.webp)
UI Design
![Logo Webflow](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/655384c1c24e1c378c88ef97_webflow_rond_fond-bleu.webp)
Dev. Webflow
UI/UX Research and 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
- Tree design: We create a site tree to define the structure and organization of information.
- Wireframing: We create basic wireframes for each page, based on the tree structure.
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 guidelines.
- 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 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 Go-Live
- 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
Make it Clap now has operational booking support and a unique graphic charter reflecting its image.
Thanks to Webflow s functionalities, the teams can efficiently manage the content of their website and help it evolve.
Ouiflow sSEO optimization and advice ensure that they are at the forefront of search engine rankings.
![View of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64edf4c6f326da0c6770fd83_Make-it-clap%201.webp)
THE PROJECT IN PICTURES
![Mobile view of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/650195ad22f5b54cde7968e0_Frame%20368.webp)
![Full screen view of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/650195b1cbb60488af55b813_image%2050.webp)
![Full screen view of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/650195b4fd1fd829eda4c3a1_image%2049.webp)
"With Webflow, Make it Clap has become more than a film studio: it s an immersive experience that s revolutionizing content creation."