"A redesign that brings interaction to viewers of all ages"

Since I first graduated from school, I've iterated on my website several times. The driving force been to update the work, so that my design sensibility is represented according to my growth. The Kids Thirteen site is the exception. I still feel it speaks a lot about my design choices and how I approach risks (although not all of them pay off). I'm happy to say, I was able to walk out away with a project I still look back to for inspiration.

We conducted and created documentation for:

  • Competitive Audits (UI/UX)
  • Brand Audits
  • Logo Design
  • Icon Design
  • Website Design 
  • Collateral

Visit Kids Thirteen for more information.

My role:

UI/UX designer for the site.

 

Scope

This project took 3-months to complete.


The Discovery Process

There was a clear need for the redesign to happen at this time: the HTML template used had reached its UX limit. 

The 2000s site.

The 2000s site.

 

The UX Process

This website was created two years after after the first iPhone was released, Flash was still considered attractive for websites and logic flows and wireframes were the results of meetings, napkin sketches or Photoshop layers.

 

Brand

At the time, Kids Thirteen wanted to align with the look and feel PBS (the parent brand), had created in the digital space. They had a 3-d cube world theme for all their properties, that inspired a sense of depth and space, very close to their educational programming.

UI

Once we took on those assets, we never looked back. The building blocks helped us create an immersive experience with video and elements that will bring interaction to life.

 

Navigation header. Integration with main Thirteen.com site

Navigation header. Integration with main Thirteen.com site

 
Landing Page. (Easter girl of the two girls prompting the user that there's more below that part of the screen)

Landing Page. (Easter girl of the two girls prompting the user that there's more below that part of the screen)

 
Profile page were designed but not implemented.

Profile page were designed but not implemented.

Icons following the cube and depth model.

Icons following the cube and depth model.

 
Templates were created to accommodate the interior pages.

Templates were created to accommodate the interior pages.

 
Templates were created to accommodate the interior pages. Additional interaction was created for the sliders.

Templates were created to accommodate the interior pages. Additional interaction was created for the sliders.

 
Kids Thirteen Club Card.

Kids Thirteen Club Card.

Kids thirteen Club Card mailer.

Kids thirteen Club Card mailer.