Webflow redesign:
Find out how Moka.care, a platform dedicated to mental health prevention, has been transformed thanks to a Webflow overhaul and a new graphic identity.
The company
Moka.care is a company providing a prevention solution for teams.
Their aim is to provide real mental health follow-up and enable everyone to find someone to listen to them.
Thanks to their solution, Moka.care is able to provide more effective and direct follow-up.
The project
designed pages
SEO optimized
completion time
The project initiated by Moka.care began with a complete redesign of their graphic identity to give them a new image on the web. Next, a new user path had to be carefully thought out to provide easyaccess to information and highlight their innovative solution.
Their web support was entirely migrated to Webflow to offer them better management of their content.
The key stages of the project were as follows:
- Effectively reflect their values and identity through their new graphic charter
- Put theuser at the center of our thinking, to offer an intuitive and accessible browsing experience.
- Use Webflow s resources to give the company all the keys they needed to effectively manage their content and online presence.
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
Today, Moka.care is pleased to have an impactful presence on the web and to be able to effectively distribute their solution.
Thanks to Webflow, the teams can optimally manage their content and update it as required.
Their new graphic identity gives them greater dynamism and reflects their values of support and "putting people at the center of service".
THE PROJECT IN PICTURES
"With Webflow, Moka.care has become more than a prevention platform: it s a complete solution that puts mental health at the heart of its services."
