Decorative paw and sparkle graphics

WEB DESIGN

ILLUSTRATION

PETGUARD

PetGuard is a web design project for a pet grooming website featuring custom spot illustrations and a clean, user-friendly layout designed for dog owners.

PetGuard website mockup

PROJECT OVERVIEW

The goal of this project was to create a grooming website that feels friendly, approachable, and easy to navigate while still highlighting the custom illustrated brand personality.

ROLE

Web Design + Illustration

CATEGORY

Web Design

TIMELINE

May 2025

TOOLS

Illustrator + Photoshop + Figma

PetGuard storefront sign mockup
PetGuard landing page design

BRAND ATTRIBUTES

Playful

Guiding

Welcoming

Modern

Warmth

Professional

COLOR PALETTE

Beige bone color swatch

#FDE4D6

Teal bone color swatch

#1686AA

Brown bone color swatch

#3F1D13

Orange bone color swatch

#F37842

TYPOGRAPHY

PRIMARY FONT

ABC

Luckiest Guy

ABCDEFGHIJKLMN
OPQRSTUVWXYZ
0123456789

SECONDARY FONT

ABC

Baloo 2

ABCDEFGHIJKLMN
OPQRSTUVWXYZ
0123456789

ACCENT FONT

ABC

Konkhmer Sleokchher

ABCDEFGHIJKLMN
OPQRSTUVWXYZ
0123456789

ILLUSTRATIONS

Milo profile card illustration Dog bath illustration Dog grooming illustration Dog shopping illustration

HIGH FIDELITY WIREFRAMES

PetGuard homepage wireframe PetGuard services page wireframe PetGuard about us page wireframe PetGuard shopping page wireframe

DELIVERABLES

PetGuard phone mockup PetGuard tablet mockup PetGuard full landing page mockup
Previous arrow icon

Home

Next

Next arrow icon