StoryBots is both a digital learning platform and Emmy Award-winning Netflix series for children centered around curious creatures who live in the world beneath our screens. Armed with a clever concept and product, the StoryBots team approached us to elevate their current design system. Our task was to bring a level of consistency to the StoryBots brand as they grew their reach across web, print, and digital media.

The team found several opportunities to elevate and refine the StoryBots brand. We decided to start with tackling the inconsistencies found in the logotype: the sharp angles, lopsided strokes, and varying thicknesses contributed to a logo that could use some finesse. In addition, with such a wide color palette, their team needed written rules to ensure a harmonious color palette with  legible design elements.

Story Bots 50 Process
Story Bots 50 Process2

Our task was to clean up the inconsistencies created by odd vector points, update the gear within the "O" to have fewer "teeth" to increase legibility at smaller sizes, and fix some of the counterspaces that were out of place.

Story Bots Fixens
Story Bots Overlay
Story Bots 50 New
Story Bots 50 Previous

We can’t imagine better hands for our redesign than Team Focus!

Greg Spiridellis, Founder + CEO, Storybots

In addition to the brand refresh, we were tasked with designing both the Classroom and Parent UI for desktop, tablet, and mobile. The Classroom experience was designed to give educators the ability to do everything they can in the classroom, but also on the go. This includes everything from editing their profile and classroom details, to creating groups, editing the Class Backpack, and entering Student Mode. On the flip side, the Parent’s portal gives parents the ability to quickly navigate content that will best engage their little ones’ brains.

Storybots Ui Ipad
Storybots Homepage
Storybots Ui Mobile