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

Switch the old blog over to a subdomain, and set up proper content redirects* (see old blog design shown in image below)
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.
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.

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