Project Overview

Cleaning businesses sell a result that is difficult to communicate through words alone, so Cleaneva was structured around visual proof. The template combines a clear service catalogue with before and after imagery, a simple four-step booking process, and customer testimonials. Everything is built on a reusable component system, allowing buyers to replace services, images, and copy while maintaining a consistent layout and spacing rhythm.

My Role & Contributions

• Planned the template structure across Home, About, Services, Service Detail, Articles, and Contact pages.

• Designed a clean, hygienic visual system with a defined typography scale and spacing system.

• Created service cards covering home, deep, kitchen, office, bathroom, and bedroom cleaning.

• Designed and built a reusable before and after comparison component.

• Implemented the complete template in Framer with responsive layouts across every page.

• Connected services, testimonials, and blog articles to the CMS.

• Refined micro-interactions for cards, accordions, and buttons to create a polished user experience.

Design Highlights

• Before and after visuals used as the primary trust-building element instead of relying on marketing claims.

• A four-step booking process that reduces hesitation before the call-to-action.

• Service cards designed to work equally well with six service categories or as few as two, without creating layout gaps.

• An FAQ accordion that keeps detailed answers organised without overcrowding the page.

• A calm, high-contrast colour palette that keeps the focus on photography.

• Booking CTAs positioned after each proof section to align with user decision points.

Tools Used

• Figma

• Framer

• Framer CMS

Challenges & Solutions

Challenge

The template needed to work equally well for a small home cleaning business and a larger commercial cleaning company, even though their service offerings and imagery can differ significantly.

Solution

I made the service and testimonial sections fully CMS-driven and designed each grid to reflow smoothly across different item counts, ensuring the layout remains balanced regardless of business size.

Outcome

• A ready-to-sell cleaning template with a complete multi-page structure.

• Reusable before and after, service, and testimonial components.

• CMS-managed content that requires no structural editing.

• Reliable responsive behaviour across desktop, tablet, and mobile.

• A clear conversion path that guides visitors from the first scroll to booking an appointment.