CatsBnb

Project Overview

【 Client Request 】

CatsBnb approached me to redesign their outdated website into a modern, mobile-friendly, and SEO-optimized platform. They wanted a site that better reflected their professionalism, showcased their facilities, and simplified the booking process for new and returning customers.

【 Client Request 】

Project

Type

Industry

CatsBnb

Web & UIUX

Pet Boarding

【 Background 】

CatsBnb is a Penang-based cat boarding and breeding service that provides a safe, hygienic, and comfortable environment for cats while their owners are away. The business emphasises care, warmth, and trust, offering personalized services designed to keep cats happy and stress-free during their stay.

web designweb revampwebsite developmentcopywritingcustom code

【 Tools 】

FigmaWordpressHTMLCSS

The Problem

Although CatsBnb delivered excellent in-person service, its online presence did not reflect the same level of professionalism or warmth. The outdated website design reduced credibility and made it difficult for users to find important information.

[ Primary focus ]

Redesign the website to improve clarity, trust, and discoverability—transforming it into a credible platform that converts visitors into customers.
Outdated interface
visually inconsistent and failed to communicate brand quality, reducing user trust.
Unclear navigation flow
users struggled to locate services, pricing, and booking information.
Limited SEO optimisation
low visibility on search engines, especially for “cat boarding Penang.”
Weak mobile experience
poor responsiveness led to high bounce rates on smaller screens.
Lack of trust-building elements
no testimonials, facility visuals, or assurance messages to reinforce reliability.

Design Goal

To create a digital experience that mirrors CatsBnb’s caring identity while ensuring clarity, warmth, and user trust through an optimized and emotionally engaging website experience.
Improve Findability
Simplify user journeys from landing to booking with fewer steps, allowing visitors to locate services, pricing, and contact details quickly and intuitively
Build User Trust
Reinforce reliability through genuine imagery, testimonials, and clear policies, assuring cat owners their pets are safe and well cared for.
Enhance Mobile Experience
Ensure the website performs flawlessly on all devices, supporting fast loading times and smooth navigation for mobile users.
Increase Engagement
Design meaningful interactions that encourage browsing, inquiries, and bookings through clear CTAs and appealing visuals.
Boost Visibility
Implement UX-focused SEO to improve search performance and attract more pet owners organically.

【 UX Goals 】

User Research

Although CatsBnb delivered excellent in-person service, its online presence did not reflect the same level of professionalism or warmth. The outdated website design reduced credibility and made it difficult for users to find important information.
Happy,Mature,Asian,Man,Freelancer,Working,On,Laptop,And,Drinking
User 1
I need a place to take care my cats when I am overseas to work or for vacations. I am struggling to find a place where my cats does not kept in a cage or captive. What I find is all the boarding did not have clear image for me to see the inside to increase my confidence for sending my furkids.
Beautiful,Young,Asian,Woman,With,Healthy,And,Perfect,Skin,On
User 2
Pure breed cat is what I want. However when I surfing catsbnb website, it does said it provide cats breeding but the website looks unalluring and I am not sure what breed is available.

User Interface

Create Visual Warmth
Use gentle color palettes and rounded elements to evoke a cozy, trustworthy feel aligned with CatsBnb’s caring tone.
Establish Brand Cohesion
Maintain consistency across typography, spacing, and imagery for a polished, unified brand experience.
Highlight Authenticity
Feature real cat photos, facilities, and staff to connect emotionally with visitors.
Enhance Readability
Use ample white space and clear hierarchy to make content easy to scan and understand.
Add Delightful Details
Subtle animations and micro-interactions enhance engagement without compromising performance.

【 UI Goals 】

#4C4C4C
#C6B8A1
#CAC3BB
#F0ECE4

Playfair Display

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Comfortaa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz

Interested?

Let's Talk

Get a project started with us right now.

Have enquiries or require help? We are available to assist! Please get in touch with us with any questions, suggestions, or assistance.

Value

Friendly engaging and vigilant in handling

We will reply to your inquiry from this form by email within a few days.

Before making enquiries, please also read the Guides

Contact_WEBUIUX