Kim Davidson is a clinical social worker and consultant. She helps social service agencies and nonprofits that serve people experiencing homelessness, through staff training, policy and systems review, and clinical supervision.
We redesigned her website around housing, systems change, and meeting people where they are. The new look is bold and joyful, with illustrated homes and buildings and a door and arch shape that runs through every page.
ABOUT THE CLIENT
Over 15 years in the field, as a direct service provider and an agency director. Her work is about helping teams grow through discomfort, not avoid it.
THE STORY
The challenge, the opportunity, and the solution.
The Challenge
Kim’s work is specific. She serves the teams and leaders behind housing and homeless services, not individual therapy clients. Her website needed to speak to those agencies clearly, show the different ways she helps, and feel as warm and human as her work.
The Opportunity and Solution
We rewrote the message and site structure around housing and systems change. I showed Kim three design directions, and she loved the bold, joyful illustration of the one called “Open door.” Illustrations carry most pages, and real photos of Kim appear where trust matters most.
THE CREATIVE PROCESS
How it came together.
01
Discovery and Strategy
We started with who Kim serves and how she helps. Her services became three clear paths: staff training, policy and systems review, and clinical supervision. Her training topics were grouped into three themes so teams can quickly find what they need.
SITEMAP
HOME
ABOUT
SPECIALTIES
RESOURCES
CONTACT
THANK YOU
Kim’s story and values
5 ways she helps
Tools and links
Form to her email
After the form
Staff training · Policy and systems review · Clinical supervision
02
Finding the Look and Feel
The palette comes from Kim’s real logo. A bold red and deep navy carry the big moments, warm gold marks every button, and soft sky blue, blush, and cream keep each section light and friendly. A friendly serif for headings and a clean sans serif for text keep it warm and easy to read.
COLOR PALETTE
#B32828Compassion Red
#061F33Deep Navy
#EACB77Warm Gold
#D6E4EFSky Blue
#F3D5CFBlush
#FAF3E5Cream
TYPOGRAPHYAaFrauncesHeadingsDM SansBody text, menus, and buttons
03
Wireframes and Messaging
Each page leads with who it is for, then shows how Kim helps, then invites a consultation. Her About page shares why she started Compassion Forward, her values, and a clear “this is for you if” section.
04
High-Fidelity Design
Illustrated homes, buildings, and arches bring her mission to life. A scrolling tagline band adds movement, and a wavy line connects each page to its closing call to action.
WORDPRESS DEVELOPMENT
Easy for Kim to update.
Built in WordPress with Elementor Pro, so Kim can edit her own text and photos. It includes a mobile menu, a contact form that sends straight to her email, and a Thank You page after each message.
AT A GLANCE
A clear path for every team.
Agencies can quickly see who Kim helps, how she helps, and how to start, with a consultation button on every page.
3
Design directions explored
5
Specialties, each with its own illustration
3
Training themes to browse
“I love, love, love, love, love this. I am so excited about how it looks, and I’m looking forward to the next steps. Thank you so much for translating my vision into something actionable.”