J&D Cleaning Services

Bringing a Small Business Vision to Life Through a Clean, User-Friendly Website

Objective: I designed and developed a website for a client’s commercial cleaning business with the goal of delivering a clean, intuitive user experience that aligns with their brand identity. The site was created to make it easy for potential clients to learn about available services and seamlessly book appointments online.

Role: UX Researcher, UX Designer, Web Developer

Duration: March - April 2025

Empathize

Client Meeting: I began by meeting with the client to understand the business goals, vision, and objectives for the website.

  • Keywords: Bright, Clean, Simple, Inviting, User-Friendly

  • Colors: White, Yellow, Gray

Secondary Research: To better understand user expectations and pain points when booking cleaning services online, I explored industry blogs, magazine articles, and customer feedback from company websites and review platforms.

Competitive Audit: I also conducted a competitive audit of commercial cleaning websites to identify common design gaps and opportunities for improvement.

Research

Opportunities:

  • Streamline the service booking process to be quick and intuitive

  • Ensure the list of services is clearly visible and easy to access

  • Add a compelling “Why Choose Us” section to build trust and credibility

  • Include messaging that emphasizes reliability, attention to detail, and a strong work ethic, reinforcing trust with potential clients

  • Emphasize the flexibility of after-hours cleaning and ability to cancel anytime

  • Design a clean, modern, and easy-to-navigate website

  • Use color combinations that meet WCAG standards

Research Findings

Define

The J&D Cleaning Services website will allow clients to easily view available services, schedule flexible after-hours cleaning appointments, and contact the business with minimal effort. It will highlight the company’s reliability, attention to detail, and flexibility, all within a modern, easy-to-navigate design.

This will benefit potential clients by providing a streamlined, user-friendly experience that makes booking and communication efficient and hassle-free.

We will measure effectiveness through user satisfaction surveys, tracking booking conversion rates, and monitoring contact form submissions.

Goal Statement

  • The J&D Cleaning Services website will provide a streamlined, intuitive service booking process and clearly showcase the full range of services. This will make it easy for clients to quickly find and schedule services.

  • The website will feature a "Why Choose Us" section to build trust and highlight the company’s reliability, attention to detail, and flexibility. This will help potential clients feel confident in choosing J&D Cleaning Services.

  • The design will focus on a clean, modern, easy-to-navigate layout, with color schemes that meet WCAG standards. This will ensure the website is user-friendly and accessible for all clients.

  • The website will emphasize flexibility with after-hours cleaning options and the ability to cancel appointments at any time. This will provide clients with control over their schedules, enhancing convenience.

Value Propositions

Ideate

Next, I used techniques including a sitemap, wireframes, and mockups to help ideate and structure the website layout, visualize key user flows, and design a clean, user-friendly interface.

Techniques

Sitemap

I began by sketching initial concepts on paper, exploring multiple layout options for each key page of the website. This helped me identify and highlight the strongest elements to carry forward. I then translated these into digital wireframes to better visualize structure and functionality. Before progressing to high-fidelity mockups, I met with the client to review the wireframes, gather feedback, and ensure the layout and features aligned with their goals and expectations.

Wireframes

Paper Wireframes

Digital Wireframes

Test

I conducted an unmoderated usability study using Maze, where five participants were asked to complete tasks using the low-fidelity prototype and respond to questions based on their experience. I analyzed the feedback to inform my design decisions, then created a high-fidelity mockup. From there, I conducted another round of usability testing to evaluate improvements and ensure the updated design addressed key usability issues.

Usability Study

Insights and Updates

Users would feel more confident booking a cleaning service if there was clear information about the cleaning products used, helping them make informed decisions based on their preferences or sensitivities

Users would find the website more approachable and less overwhelming if the visual design was simplified

Users would benefit from seeing key service details—such as spaces and areas cleaned—on both the Home and About pages, reducing the need to switch between pages and making it easier to determine if the service meets their needs

Mockups

Hi-Fi Prototype

Development

After finalizing the high-fidelity mockups, I developed the live website using Wix. I translated the visual design and structure directly into a functional site, customizing components to maintain consistency with the mockups while ensuring responsiveness and accessibility. This phase allowed me to bring the design to life and ensure that the user experience aligned with both client goals and usability best practices.

Development in action

Mockups vs. Published Site

Results

The new J&D Cleaning Services website launched recently, and is currently in the early stages of gathering feedback and performance data. To begin measuring success, I conducted a brief post-launch survey with users to gauge their initial impressions. Early responses indicate that the site feels simple, modern, and intuitive / easy to navigate.

Simple

Modern

Intuitive

In addition to survey insights, we’ve started reviewing engagement data. Initial analytics show that users are interacting with key areas of the site, such as the service listings and contact form. While it’s still early, these indicators suggest that the streamlined layout and messaging are helping users find the information they need efficiently.

As more data becomes available, we plan to track metrics like booking conversions, contact form submissions, and overall user satisfaction to continuously evaluate and refine the experience.

Thoughts

This project gave me the opportunity to balance business goals with user-centered design. I worked closely with a small business client to create a website that met their vision while ensuring a smooth and intuitive experience for users. Throughout the process, I made design decisions backed by research and usability testing, while staying aligned with the client’s needs and preferences.

Given the tight timeline, I focused on efficiency by conducting secondary research and a competitive analysis to identify user pain points and opportunities for improvement. This approach allowed me to move quickly without compromising the quality of the design, and helped ensure the final product felt both thoughtful and effective.

If I had more time, I would have conducted primary research such as user interviews or surveys to gain deeper insights. I’d also continue refining the design through additional rounds of usability testing and explore further enhancements for accessibility and clarity.

Previous
Previous

Sprout: Designing a Seamless Way to Purchase & Sell Children's Clothing