Webflow redesign:
Find out how Cash Plus revolutionised payment in Morocco thanks to a complete Webflow overhaul and an advanced SEO strategy.
![CashPlus website presented on computer and smartphone.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64edeb30786bc8409beacbf8_Mockup%20CashPlus.webp)
![](https://cdn.prod.website-files.com/64a2d9615b9d6dd4d444d4d4/651a74885925b58043f13e24_Photo%20testimonial-3.webp)
The company
Cash Plus is a Moroccan payment institution approved by Bank Al Maghrib.
Created in 2004, Cash Plus has over 3,500 employees, 35 partners and 3,000 points of sale in Morocco.
The project
designed pages
SEO optimized
design
The project involved a complete redesign of the website on Webflow.
The challenges were to
- create a new web identity to make the site more corporate
- migrate all elements and dynamic collections, with real expertise in using the Webflow CMS
- carry out 301 redirections to maintain the natural referencing work that had already been carried out
- make Cash Plus teams autonomous in managing their new Webflow site
- rework the natural referencing by adding our technical SEO expertise
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
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
- 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 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
Cash Plus teams can now easily add new content to their Webflow site , thanks to the many dynamic collections that have been created and worked on to make their use as fluid as possible. Total autonomy, allowing marketing teams to take back control of the website!
![View of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/64edf62d786bc8409bf9f6a4_Cash%20Plus%201.webp)
THE PROJECT IN PICTURES
![Mobile view of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6501a7fe575150fe17fd160f_Frame%20368.webp)
![Full screen view of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6501a800f15fcdb9b5af77ec_www.cashplus%202.webp)
![Full screen view of the Webflow site created during this project.](https://cdn.prod.website-files.com/64a2f403c1475cfd3aa0218f/6501a8044b3fec0f88f321a8_www.cashplus%201.webp)
"Thanks to Webflow, Cash Plus has become more than just a payment account: it s an intuitive user experience that s redefining banking in Morocco."