St. Christopher’s Hospital for Children 150th Anniversary Website
As part of their 150th anniversary celebrations, the team at St. Christopher’s Hospital for Children partnered with us to create a new website showcasing their impressive work and history, encapsulating the institution’s heart.
Client
St. Christopher’s Hospital for Children
Project Completed
May 2025
What We Did
Digital Strategy
User Experience
UI Design
Development
The Plan
Showcase 150 Years of History
St. Christopher’s Hospital for Children is an invaluable organization recognized for its contributions to the community and high-quality care for children over the last 150 years. For this important milestone, our friends at Brian Communications connected with us to create the layout and visuals, bringing the hospital’s history to life through an interactive timeline experience.
Project Goals
Share the Story
The timeline needs to leave a lasting impression and convey to visitors how a donation to such an organization will have a lasting impact. A lot has happened in 150 years; we need to keep the user engaged and wondering what will come next. Ease of navigation on such a content-heavy page is key to a great user experience. Always keeping the donation option within reach is essential – you never know when along the timeline someone will be moved to donate! Also, we included the ability to efficiently “time-travel” across the page through the century jump navigation bar.
The Process
Illustrate & Animate
First, we generated multiple website style options to hone in on the right one for St. Christopher’s brand – one that is colorful, bold, and leaves a lasting impact. The visuals include image treatments, custom illustrations, and graphics, all brought to life with programmed animation. The timeline element itself is part of the experience, following the user along their journey and guiding them through the events of the centuries.
“
The Outcome
Time to Celebrate
We are thrilled and honored to be a part of this significant milestone for St. Christopher’s.
Here’s how we did it
- Expanding on established brand elements and incorporating new visual styles in illustrations and animations.
- Efficient code and best media rendering practices result in a fast, mobile-friendly website.
- Identifying and executing the goals of this new website for the client.
- Creating a unique and memorable experience for new and familiar visitors.
Brand Alignment
We’ll Work With Your Existing Brand
Although we aren’t a branding agency, we pride ourselves on creating digital products that complement and advance our clients’ brand identity. Let us help turn your app or website into an elegant extension of your organization’s visual identity.
