PREPARED: A PARENT'S FIELD GUIDE TO TEEN RELATIONSHIPS


PROJECT DETAILS

UI Design, Development (HTML, Sass, Wordpress)

2017


PROJECT OVERVIEW

Shift NC and BCDC Ideas contracted me to create a website educating parents on talking to their teens about safe sex and relationships. I decided to use a mobile first approach as the primary users were going to be busy parents who would need the information quickly and on the go. As the topic of sexual health and teenagers can be difficult for parents, the client wanted to focus on making the information accessible and approachable, so we decided to go with a loose “choose your own adventure” format where the landing page guides parents through this discussion.

As Shift NC already has a recognizable brand, we decided the best approach would be the use the existing color scheme and typography for Prepared. I created a style guide that included design cues specific to the site, including identifiable buttons, accordions, and links. The site was designed using large buttons that would be easily clickable on a mobile device, and a full page navigation menu for users to quickly find content.

It was build using a custom WordPress theme utilizing Advanced Custom Fields, allowing the client to edit and update content as needed. Sass was used for the styling and complex interactions and Javascript were used sparingly to reduce load time.