Fizzy's Lunch Lab
Fizzy's Lunch Lab is a three-time Emmy-nominated PBS Kids web-only series that entertains and educates families about the importance of good nutrition, a balanced diet, and physical activity. While working as the principal visual designer at CloudKid, I helped concept, wireframe, brand, design GUI, integrate assets, and user test countless interactive games, cross-platform apps, and a responsive HTML5 website.
Below highlights the design process for of one of my favorite games, Fizzy's Food Truck. Fizzy uses his latest brilliant creation, Fizzy’s Food Truck, to prepare and dish out tasty meals all over town. I concepted, created the branding assets, and designed the UI for this fast-paced HTML5 game.
Initial branding inspiration
Various logo sketches
Considered the design of the truck while exploring the brand color palette
Various color and layout exploration
Final Fizzy's Food Truck logo design with polish
Final food truck design with logo
Final start screen design
Final responsive game UI designed to match branding
Fizzy's Food Truck alongside other Lunch Lab games I worked on
In 2014, I redesigned the Fizzy's Lunch Lab website from a Flash-based site to responsive HTML5 version in order to reach the next generation of Lunch Labbers at home and on the go. Working closely with developers, we wanted to preserve the visual design of the original site but needed to make sure the redesign would accommodate a range of devices and screen sizes, while keeping the UX/UI consistent and familiar.