Whistle Clean Website Enhancement

UX/UI Design
Shows the same project image but with a red and white duotone filter.
Client
Whistle Clean
Year
2024
role
Vice Project Manager
tools
Figjam, Figma & Trello
Alternative mockup image shows two laptops displaying the website in front of the company's logo.

Background

With over 5 years of experience in the professional cleaning industry, Whistle Clean seeks to update its website to be more engaging, accessible and informative for its clients. With a site littered with outdated components, I managed a team of 11 sorts to find a way to clean it up.

Challenge

The presence of text-heavy pages, bland visuals and non-existent breadcrumbs were all too familiar design flaws for me and the team. However, our client also expected us to apply UX design elements that increase the site's score within SEO statistics. Creating an intuitive site that balanced front end and back end prioritizes required us to venture into a field outside our expertise.

My Accomplishments

  • Co-managed a team of 11 in constructing a website re-design that was SEO-friendly, informative and visually appealing.
  • Gathered key information on design trends used by competing cleaning companies and sites with high SEO scores.

Approach

Making the Executive Orders

Being assigned co-project manager was a chance to push my managerial skills to higher capabilities. Within this role, I shared:

  • 50% Project Management: I collaborated with the head project manager to discuss and finalize executive decisions that would push the team on the right path.
  • 30% Researching: Worked with assigned team members in gathering research data relating to current design trends and the current state of the SEO environment.
  • 20% Presenting: Presented and demonstrated our work to the client through a professional mixture of scripted and improvised language.

Screenshot of a meeting hosted by Lindsey during the project.

With our team of 11, me and my fellow project manager assigned each member their roles and deadlines at the start of every week via Trello. We additionally, planned and hosted all our main team meetings to ensure clarity amongst the team.

To capture the core user needs and client vision, we curated our project scope to include:

  • Heuristic Evaluation of the current site.
  • Competitor Analysis of 12 professional cleaning companies in Melbourne.
  • Client Interviews to capture the intended visions for the site and share previously gathered findings about the target audience.

The information collected from these research procedures laid a firm foundation for the project. Allowing our development period to see substantial progress. In a mere 3 days, we were able to swiftly produce a test-ready lo-fi prototype.

As per mandated protocol, all research data for usability tests had to be synthesized immediately after each session. This direct call to action played a paramount role in specifying the exact pain points and strengths needed to build a functional hi-fi wireframe in just 2 days.

Photo Collage image displaying multiple screenshots of the revamped site.

Solution

A Little Bit of T.L.C.

GIF of the website's hero section.

With the pain points defined, we made sure our desktop prototype clearly addressed the key challenges. In our finalized prototype, we showcased the flagship solutions:

  • Rebranding: Upgrading the site’s colour scheme to earthy shades of green, yellow accents and neutral tones shines a spotlight on WC’s sustainability and gives users a premium atmosphere.
  • Sticky Navigation: Incorporated into the navbar and “Contact Us” section to optimize accessible navigation options for the most essential features.
  • Dedicated FAQ and “About” Pages: Creating these standalone pages allows users to better understand the company and its services in a more centralized structure.
  • Cleaning Insights: Revamping the inactive blog section of the site turns a seeming afterthought into a savvy source for professional cleaning tips and tricks. Showcasing headline-catching articles that coincide with current SEO trends.

"I love the frequently asked questions. They're very handy because it makes you actually think of things you might not have thought of."

-- KATE (Usability Test Participant)

Whistle Clean's revamped style sheet.

Outcome

A Clean Site with New Interest

GIF of the "Cleaning Insight's" hero section.

With our final product we delivered:

  • SEO-optimised website with a 100% approval rating from usability test participants. All who wished to take immediate action in booking a first point of contact.
  • The updated branding emphasizes the company’s focus on environmental sustainability. Allowing Whistle Clean to stand out visually and personality-wise from its competitors.
  • The final design system was seamlessly transferred to the client and developer for later implementation.

With immense praise, WC has looked to promote and implement the updated design of the site in a few months. The successful application of this site's new foundation will plan to house further updates. These updates will see a major focus on mobile responsiveness for greater user engagement and SEO optimization. Post-launch statics via Google Analytics will aim to examine user activity for possible design improvements.

"Lindsey excelled in outsourcing SEO findings and analyzing competitor websites. Her analytical skills and thorough approach significantly enhanced the quality of our research outcome. During Lindsey presentation, she showcases our findings and the finished product with confidence, clarity and insights with her presentation skills and effective communication. Her dedication, leadership, and research acumen contributed her success in Research and Design of UX/UI."

-- IVAN TAN (Founder of Whistle Clean)

GIF showing the bento box animation shown throughout the website.

Reflection

Having the opportunity to co-manage a project supplied a lot of mixed experiences for me. The assignment to such an executive position provided a finer knowledge of how managerial responsibilities are conducted. Individually as well as with fellow project managers. The experience also boosted my confidence in seeing myself in such a role in future projects.

However, the time spent co-managing evoked extreme stress upon me. Especially as I was still prioritizing full-time work, studies and a secondary design project simultaneously. However, I wouldn’t have it any other way. The events that transpired in that month, broadened my understanding of what I truly needed to achieve personal growth.

There's Many More to Explore!

Let's Work Together!

I'm always ready for a new challenge. So, reach out to begin your next UX or Graphic Design project.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.