Qleanza is a professional cleaning and facility management company offering residential, commercial, and industrial cleaning services. The goal of the project was to design and develop a website that would communicate professionalism, showcase Qleanza’s range of services, and help customers book cleaning appointments easily. The website needed to create a strong first impression; simple, credible, and visually appealing, while reflecting Qleanza’s identity as a modern, reliable service provider.
Role
UI/UX Designer & Developer
Tools
Figma, FigJam, Webflow, Cloudflare
Collaborators
Graphic Designer, Stakeholders, Business Analyst
Timeline
2 weeks
Impact
Complete digital launch for the BOTH Cities brand and stronger online credibility and buyer confidence.
Before the design, Qleanza had no online presence. Most client interactions happened offline through referrals, and they had visual branding. The main challenges were:
Establishing a digital brand identity from scratch.
Designing a clean, service-focused user experience that converts visitors into inquiries.
Structuring information for multiple service categories.
Building a responsive website that looks premium and trustworthy.
My Role
As the UI/UX & Webflow Developer, I was responsible for:
Conducting a short discovery session with the founder to define audience, goals, and value proposition.
Mapping the user flow and information hierarchy using FigJam.
Designing high-fidelity user interfaces in Figma, focusing on clarity, whitespace, and visual balance.
Design a logo that aligns with the brand’s vision
Designing and Developing the entire website, optimizing it for desktop and mobile devices.
Setting up interactive sections, icons, and smooth transitions to create a pleasant browsing experience.
Design Process
Discovery & Planning
Defined core goals: credibility, clarity, and lead generation. Created an information structure separating residential, office, and industrial cleaning services.
Wireframing & Visual Design
Designed a clean and approachable interface that reflects cleanliness and trust. Used a calm, professional colour palette with ample whitespace.
Development
Developed responsive layouts, and animations to make navigation intuitive.
Testing & Optimization
Tested across multiple devices for consistency and speed, fine-tuned sections for better readability and flow.
The Solution
The final website delivered:
A modern, responsive design emphasizing Qleanza’s professionalism.
Clear website with consistent visual hierarchy.
Smooth transitions and subtle animations that enhance user engagement.
A simple contact flow for easy inquiries.
Brand consistency across the website.
A logo that aligns with the brand’s vision.
Other branding and design materials.
Results
Qleanza established its first strong digital presence.
The website now serves as a central hub for inquiries and partnerships.
Increased perceived credibility and trust among potential clients.
Positive feedback from the client on design quality and overall usability.
Key Learnings
Simple UX and clear structure make service websites convert better.
Subtle motion design can elevate even minimalist layouts.
Early alignment with clients helps reduce scope changes and redesigns.
Webflow enables fast development while maintaining high visual quality.
Closing
This project was a complete digital launch for Qleanza, allowing the brand to establish itself online and connect with more customers. It reinforced my ability to design simple, conversion-driven websites that communicate trust and professionalism.
