BE THE HOPE NOW: Microsite
Riley Children’s Foundation launched a huge fundraising campaign in November 2018 called Be The Hope NOW: The Campaign For Kids. They wanted a microsite with impactful imagery, clean design, and brief content (with lightboxes containing videos and more details). Animated scrolling effects were also used to make the site feel more dynamic than the rest of their online presence.
Since this was a multi-year campaign effort, Riley Children’s Foundation wanted the site to be easily updated after Charity Dynamics’ work was complete. I worked with the developer (Randy Tolentino) to create technical documentation and highly-organized raw image templates to make the site as painless as possible to update.
At site launch, the Foundation had raised $121M since July 2015. The goal was to reach $175M total by June 2020. See the press release on Riley Children’s Foundation site. At the start of June 2019 the campaign has raised $23M (82% of the way there).
DESIGN
Riley Children’s Hospital Be The Hope NOW microsite.
(click to zoom) Microsite navigation details and lightboxes.
(click to zoom) Hero area has a video as the background. (Video credit: Riley Children’s Foundation.) Note: This GIF has much lower FPS than the website version.
WIREFRAMES
(click to zoom) Wireframes, complete with lightboxes. The arrows in green were to show the client which assets would have motion when live.
Wireframe sketch and notes about the subtle page scroll effects (pulses, bobs, fade-ins, video lightboxes appearances, etc).
Numerous emails were created and sent out as part of the media efforts to get the word out about this fundraising campaign.
All emails were mobile-friendly.
Emails from the extensive digital campaign.