Action for Healthy Kids

UI/UX, Responsive Web Design & Template Development

The Problem.

Action for Healthy Kids® fights childhood obesity, undernourishment and physical inactivity by helping schools become healthier places so kids can live healthier lives.

Action for Healthy Kids® partnered with PICnet because they knew we had the design chops and could meet all their website needs. The current website explained what they did well, but it was bland and uninspirational. Demographics were targeted at health professionals only so they wanted to broaden their appeal to parents, students, community memebers and school staff. They looked to PICnet to improve their overall usability, design, and to present them in a way that would generate an emotional response from users to want to take action. They also wanted to tie into Salesforce, in order to track donations and pledges.

The Solution.

A complete responsive website redesign, built on top of the Non-Profit Soapbox and Soapbox Engage platforms. I took the design questionnaire and static wireframes, created by the project managent team, and came up with a site that engages it’s users. The new design is fun, inviting and extremely colorful to emphasize that they are all about the kids. I created a robust Joomla! Template using HTML/CSS/Javascript and chose to do all the responsive design and development in the browser since I had clear vision of how everything would transform. The site features multiple page templates, a number of interactive forms, and is highly integrated into Salesforce for data capture and display.

My Role.

  • Art Direction
  • UI/UX Design
  • Web Design
  • Responsive Web Design
  • Interaction Design
  • Front-End Development
  • Joomla! Template Development
  • HTML / CSS / Javascript
  • Joomla! CMS

Home Page & Content Page (Desktop)

afhk-homepage-desktop.png afhk-articleform-desktop.png afhk-articleslideshow-desktop.png

Header, Footer & Supporters Elements (Tablet)

afhk-header-tablet.png afhk-footer-tablet.png

Header, Footer & Supporters Elements (Mobile)

afhk-header-mobile.png afhk-footer-mobile.png afhk-supporters-mobile.png
Interested in working together or just want to say hello?

Let's Talk! I don't bite, but I throw killer combos.