Bonnie Brunner Freelance UX/UI Designer CT

Safe Kids Thrive

Client: Daniel Quinn (for Children's Trust)
Date: September 2020
Services: User Experience, Design

Info

A Digital Experience to Help Prevent Child Sexual Abuse

I had an opportunity to create a website experience and design for the Children’s Trust, the Massachusetts Legislative Task Force on the prevention of child sexual abuse. Daniel Quinn hired me to convert their 200+ page report on their guidelines for youth-serving organizations into a digital experience that would motivate these organizations into employing best practices learned in the field.

The site was built with a Gutenberg-powered WordPress installation that allows visitors to sign up and create their own customized version of the report based on a signup wizard that tracks their reading progress.

Launch Website

User Experience

Making it Personal

This new and engaging digital experience required personalization, ease of use and efficiency. Youth serving organizations (YSOs) can build their own toolkit using a wizard to pinpoint their specific needs and establish a customized path toward understanding and preventing child/youth sexual abuse at their organization. They are fed parts of the report to read that directly pertain to their organization. YSOs can also track their progress and always have access to the full report.

View Wireframes

Design

A Visually Compelling Experience

Upon wireframe approval, I moved into the design phase, establishing a brand system based on the existing logo for Safe Kids Thrive. Taking into consideration the educational nature of the content, I introduced the yellow highlight to emphasize certain words within headlines. Additionally, a simple and academic look and feel was established for the iconography. Finally, bold colors help to achieve an approachable and friendly tone of voice.

Brand Guidelines

Maintaining Integrity

Upon completion of the project, Children’s Trust requested a digital brand guide that they could use for future marketing materials. I put together a simple pdf with visual guidelines, in addition to providing all iconography and typography assets. Please note: the logo was already established before I started this project. All other elements were added/created to build the brand.

View Brand Guide

Leave a Reply

Your email address will not be published.