Case Study: SpaceRacers.org

Children's Television Responsive Website


We helped Space Racers — an educational children's television show —launch around the world in the spring of 2014 with branding, digital marketing strategy, and a responsive website design with a mobile-first approach.

View responsive website


Challenge

Design a fully responsive and kid-friendly immersive experience to showcase Space Racers for the current generation of preschool children that uses tablets and smartphones more than PC computers.  

Approach

We conducted an exhaustive feature and functionality review of 33 leading educational children’s television websites from the US and 16 countries around the world.  Among all of those precedents we didn’t find a single website targeted at preschoolers that was truly mobile-first instead of just mobile-friendly, optimized for tablets and smartphones, and didn’t lean upon Flash for a major part of the experience.  

We designed SpaceRacers.org using an audience-appropriate mobile-first design approach.  Instead of Flash we leaned heavily on HTML 5 animation features to create an immersive and easy-to-use children's television re website that catered to preschool non-readers.

Solution

SpaceRacers.org website with its modern HTML5 architecture is the first fully responsive and kid-friendly website for an educational children's television show in the United States. The web experience and the primary gaming experience is HTML5 instead of Flash — that means the web experience and game play works just as well on Apple’s iPhone or iPad as it does on a desktop PC computer.



Project Overview

Goal
Children's television responsive website

Target Audiences
Preschool kids, parents, teachers

Unique Concept
Specially designed navigation for preschool non-readers

UXD
Axure interactive prototypes

Partnership
Space Racers, WNET - New York Public Media, Maryland Public Television, American Public Television, NASA

First
Fully responsive website for an educational children's television show


Interactive Protoyping in Axure We created responsive interactive wireframes in Axure so the website user experience could be demonstrated and tested accurately on different screen sizes and devices before any coding began.

Interactive Protoyping in Axure We created responsive interactive wireframes in Axure so the website user experience could be demonstrated and tested accurately on different screen sizes and devices before any coding began.

The team did a tremendous job in translating our vision into a fantastic looking website.
— Rich Schweiger, CEO Space Racers

Logo Design & Brand Identity Lightning Jar helped Space Racers define and launch their brand with the design of the Space Racers logo.  

Logo Design & Brand Identity Lightning Jar helped Space Racers define and launch their brand with the design of the Space Racers logo.  

Kid-Friendly Navigation We worked closely with child development experts and published research to design a unique navigational solution where key content links are distinct in shape and color as well as label and icon.

Kid-Friendly Navigation We worked closely with child development experts and published research to design a unique navigational solution where key content links are distinct in shape and color as well as label and icon.

Mobile-First Design Approach SpaceRacers.org was designed with a mobile-first methodology — the website was optimized for smartphone and tablet users before design work was begun for the desktop layout.

Mobile-First Design Approach SpaceRacers.org was designed with a mobile-first methodology the website was optimized for smartphone and tablet users before design work was begun for the desktop layout.


More Case Studies