Explore how I led the complete redesign and development of the Filps website based on Dubai. From wireframing to Laravel-based CMS implementation, dynamic content modules, and SEO-optimized deployment, read the full case study on delivering a scalable, user-focused fintech website.
Filps is a Dubai-based global fintech enabler that works together with banks, financial institutions and service providers to design, implement and scale bespoke digital solutions that help achieve business goals and drive real impact. Filps brings a consultative, end-to-end approach to transformation, a mindset shaped by a team with over 20 years of experience in building and scaling financial technology platforms across emerging and fast-growing markets.
I had the privilege to lead the complete website development of the Filps website during my tenure as a Senior Full Stack Developer at F1Soft International. My responsibility was to oversee the entire technical aspect of the project, right from the planning phase, CMS development, to deployment. I closely collaborated with our graphic design team, who provided immense support in the visual design, image optimization, and placement strategies.
The website redesign project kicked off after a series of meetings to gather a detailed scope of work from the Filps team. Since the company represents a large group with various subsidiaries, it was crucial to clearly define the structure and content expectations of the website.
A comprehensive sitemap was created to align with the client’s goals, improve user experience, and ensure smooth navigation for different stakeholders, whether they are potential partners, customers, or job seekers. The sitemap also helped in defining which sections would be static and which would be dynamic, controlled via a backend CMS.
The finalized sitemap included:
After locking in the sitemap, the next challenge was to segregate static and dynamic sections. Static sections included content that wouldn’t frequently change and could be hard-coded, whereas dynamic sections required flexibility for the F1Soft team to manage content via CMS.
The key dynamic modules planned and developed:
The design phase started with creating wireframes and high-fidelity mockups in collaboration with our UI/UX team. Initial mockups focused on critical pages such as the Homepage, Company overview, and Solutions page, ensuring that visual identity and user journey were prioritized.
Once the mockups were approved by the Department Head, and Filps, I took charge of translating them into responsive, pixel-perfect frontend code. Bootstrap and custom CSS frameworks were used to ensure consistency and scalability.
Simultaneously, I developed the CMS using Laravel Filament, tailored specifically to accommodate all dynamic modules. Special focus was given to user roles and permissions, allowing the Filps content team to manage different modules with ease.
With the CMS backend ready, I integrated the dynamic data points to reflect changes on the frontend templates. This required extensive API and database planning to ensure seamless syncing of solutions, insight updates, and other dynamic sections.
The static sections, such as About Us, and Impact Number pages, were finalized and hard-coded based on client inputs. Creative assets and optimized images provided by the design team were incorporated at this stage.
A rigorous testing phase was conducted, covering all dynamic functionalities, responsiveness, cross-browser compatibility, and content accuracy. The site was thoroughly tested in a UAT environment for client verification.
Once we received client approval, I prepared for production deployment. Given that this was a redesign of an existing site, it was critical to handle legacy URL redirects efficiently to avoid SEO penalties. Since the older version of the website was not indexed on google disabled via robots.txt, it was comparatively easier to deploy, because no broken URL redirections were required.
Post-launch, I ensured thorough documentation of the CMS and provided necessary handover sessions to the Filps content and IT teams. Additionally, the site was monitored closely during the first few weeks for any bug reports or maintenance needs.