Overview

Cards with Hearts

A platform connecting people worldwide with children in Sri Lankan hospitals through handmade cards filled with hope.

I designed and built a platform where anyone can send encouraging messages to children in hospitals. Contributors of all ages write kid-friendly cards that bring comfort to children facing difficult times.

Timeline
Sep 2025 – Jan 2026
Role
Product Designer & Developer
Team
2 PM1 Designer & Engineer (me!)1 Content Writer
Tools
FigmaReactCursor
Context

Children in hospitals and shelters across Sri Lanka rarely receive personal messages of encouragement. While their physical needs are met, emotional support is often overlooked.

Floating phone drop in
Cards with Hearts animation
Insights

A kind word can change a child's day; only if it reaches them. Every step from inspiration to delivery needed to be seamless.

Kindness is universal. People everywhere want to help, but need a clear and accessible way to contribute.

Personal messages matter. A handwritten card carries emotional weight that generic support cannot match.

Distance shouldn't be a barrier. With the right system, compassion can travel from anywhere in the world to a child in need.

The Problem

How do we enable people worldwide to send uplifting messages to children in need while ensuring all content is appropriate and actually reaches them?

Challenges:

  • 1No centralized system for collecting and delivering cards
  • 2Contributors unsure what to write for children
  • 3Difficult to coordinate delivery across institutions
  • 4Need to ensure messages are positive and age-appropriate
Design Process
User Flow

Discover platform → Understand mission → Fill form → Preview card → Submit → Receive confirmation.

Cards with Hearts user flow
Visual Design

Warm, welcoming for all ages: rich burgundy and cream palette creates a compassionate atmosphere. Whimsical hand-drawn illustrations add warmth without alienating adults. Clean typography is accessible to all reading levels. Generous white space prevents overwhelm. The design honors child recipients while welcoming contributors of all ages.

Cards with Hearts color palette
Card Creation Form

Dual input (type or upload), “Write from the heart...” prompt, real-time postcard preview, minimal required fields, and clear messaging that guides appropriate content.

Development

Large touch targets, simple interactions, mobile-first responsiveness, high contrast for readability, fast loading, smooth transitions, and helpful validation.

Iterations

Made mission more prominent, enlarged preview, simplified file upload, and enhanced confirmation with delivery timeline.

Sitemap
Cards with Hearts sitemap
Card carousel preview
Solution

A simple platform where anyone can send hope. For contributors: easy form, flexible input (type or upload), real-time preview, instant confirmation. For children: positive, age-appropriate messages from around the world, proof they're not alone.

Cards with Hearts moodboard
The Outcome
500
Cards
500
Children
1
Hospital

500 cards for 500 children at Lady Ridgeway Hospital in Colombo; the platform transformed individual messages into a coordinated movement, proving simple acts of kindness create profound impact when delivered with intention.

Final Design

Final design details coming soon.