SBF Blog featured image

St. Baldrick's Foundation

Blog Design & Development

Features | Design System, Information Architecture, Wireframing, Prototyping, Project Management, Client Relations
Project Type | Custom CMS Website
Tools | WordPress, Divi, HTML, CSS, PHP, Adobe Illustrator, Sketch, Figma, chatGPT, Kanban Methodology

Description

The St. Baldrick's Foundation® is a volunteer and donor powered charity dedicated to raising money for lifesaving childhood cancer research and funds more in childhood cancer grants than any organization except for the U.S. government.

Since the Foundation's first grants as an independent charity in 2005, St. Baldrick's has funded over $340 million to support the most brilliant childhood cancer research experts in the world.

Objectives

  1. Switch the old blog over to a subdomain, and set up proper content redirects* (see old blog design shown in image below)
  2. Complete audit and overhaul to understand and streamline content management. The goal was to simplify the marketing team's tasks and provide proper documentation and training for a smooth transition.
  3. The blog's outdated UI had accessibility issues, a poor mobile experience, and didn't align with evolving brand guidelines. The redesign aimed to address these concerns and significantly enhance the end-user experience.

*Note that as of June 2024 the site is still in process of being swapped over. It currently lives here.

St. Baldrick's old blog example

My Work

I have been responsible for

  • Wireframes, design, development, documentation, maintenance, and training for the St. Baldrick's Foundation Blog
  • Defining standards and best practices for development architecture and UI patterns
  • Conducting audits of existing design and blog content
  • Migration of over 150 blog posts based on previous performance analytics and optimizing content for web use and SEO
  • Creating, organizing, updating, and utilizing templates for posts, tags, categories
  • Leveraging chatGPT to craft and modify PHP integrations that further customized both front and back-end of the site to better suit SBF needs

SBF Blog Homepage
SBF Blog Category and Post pages