Webflow redesign:
Find out how Make it Clap, the first immersive film studio, was transformed thanks to Webflow integration and an advanced SEO strategy.
We had the pleasure of using Ouiflow to create our website, and we ve never regretted our choice. [...]
In the end, the final rendering of the site is magnificent.
I can only recommend them!
Guillaume Wegener
Co-founder of Make It Clap
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
UI Design
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.
THE PROJECT IN PICTURES
"With Webflow, Make it Clap has become more than a film studio: it s an immersive experience that s revolutionizing content creation."