Layout, development and refactoring of a website for cleaning Glosy Cleaning

About the project

We completed a complete redesign of the website of the cleaning company Glosy Cleaning: from structure and design to layout and backend. The old site was built on a ready-made theme with overloaded plugins, loaded slowly, was poorly indexed, and did not convert traffic into applications well. We have put together a light, fast and convenient website with an emphasis on mobile traffic, online applications and SEO pages for key services and service areas.

Business problem

• Rebuild the frontend using a lightweight adaptive layout without unnecessary visual effects and heavy libraries.
• Simplify the site structure: highlight key services and separate landing pages for each type of cleaning.
• Speed up site loading and improve technical SEO indicators (Core Web Vitals, indexing, micro markup).
• Create a convenient admin panel where managers can edit prices, promotions and service descriptions themselves.
• Set up application forms and integration with instant messengers/mail for quick response to leads.

Technical solution

• A new home page with a clear offer, a block of benefits and quick CTA buttons “Order cleaning” and “Calculate cost”.
• Separate landing pages for basic services: general cleaning, post-construction cleaning, cleaning of apartments, offices, commercial premises.
• Flexible price block: tabular format + cards of popular packages with the ability to quickly change prices and options through the admin panel.
• One-screen application form: name, phone number, type of cleaning, date/time, comment - optimized for mobile devices.
• Quick contact widgets: call, WhatsApp/Telegram buttons pinned to the screen for mobile users.
• Trust blocks: customer reviews, logos of B2B customers, answers to frequently asked questions and warranty statements.
• Easy animation support (fade-in, hover effects) without any drawdown in loading speed.
• Adaptive layout for all types of devices: from small smartphones to wide desktops.
• HTML/CSS/JS refactoring: removing legacy code, merging styles, optimizing fonts and images.
• SEO optimization: clean heading structure, human-readable URLs, Organization markup, BreadcrumbList and FAQ.

Technologies

• Frontend: adaptive layout in HTML5 / CSS3 (SCSS), modern semantic markup, lightweight custom UI-kit
• JavaScript: native JS for forms and animations, without heavy front-end frameworks
• CMS: WordPress with a custom theme and a set of Gutenberg blocks for services, reviews and FAQ
• Optimization: WebP images, lazyload, CSS/JS minification, server-level caching settings
• Integrations: sending requests by email and instant messengers, connecting a call widget
• SEO technique: setting up meta tags, open graph, XML sitemap and robots.txt

Results

• Lighthouse page loading speed has increased to 90–98 points on mobile devices (instead of 40–50 on the old version).
• We reduced the size of the main page and the number of requests to the server by more than 2 times by refactoring the layout and removing unnecessary plugins.
• We increased the conversion from traffic to applications: it is easier for users to select a service and leave contacts from a mobile device.
• The company's managers received a convenient admin panel: now they can update prices, add a promotion or a new case in a few minutes without the participation of a developer.
• The foundation for SEO promotion has been created: structured pages of services and areas, correct micro-markup, clear site architecture.

Customer review

“The old site was slow and looked frivolous. After the rework, it became much more convenient to work with applications, and there was a noticeable increase in clients from the site. I especially like that we can change prices and promotions ourselves, without asking developers for every edit.”