Hero Inventor Kit
Build Hero Gear. Code Your Own Super Powers.
With the littleBits Avengers Hero Inventor Kit, kids can build and customize high-tech hero gear using littleBits electronic building blocks. The self-guided Hero Inventor App takes kids on a journey to invent their own unique super hero through a series of training activities led by their favorite Marvel characters. Kids build STEAM skills and creative confidence as they learn to control their gear with a smart device, give gear new abilities with block coding, and use their creativity to invent new powers and a unique hero identity.
2018 | MSRP: $149 | Audience: Kids 8-12
Role: Experience Design Lead
Responsibilities: Design Direction, User Experience (across physical, digital, & content), Content Development, Prototyping, User Research, Journey Mapping, Brainstorming
Collaborators: Elaine Khuu, Chloe Varelidi, Nick Santos, Rochelle Lo, Rowan Wernham, Sky White, Jordi Borras, Antonio Hernandez, Wes Thomas
The Challenge
1. Equal Representation 👯
Partnering with Marvel presented an opportunity to reach a substantial new audience. As this audience skewed heavily male, the challenge for littleBits was to come up with a concept that was inviting to girls.
2. Continue Momentum 🛵
Following the successful launch of the Droid Inventor Kit in 2017, littleBits looked to continue the momentum by launching another product with Disney, this time with the Marvel franchise.
3. Emphasize Learning ✏️
As littleBits began to lean heavily into the education business, we also looked to bolster the STEAM learning in our consumer kits.
Insights
Throughout the design process, we worked with kids and parents to get their input on all aspects of the product. We also learned some important lessons from designing the Droid Inventor Kit the previous year.
App Experience
The Hero Inventor app acts as a digital invention advisor for kids. Kids go through a series of step-by-step instructions, creative play prompts, and open challenges to build their gauntlet, learn how it works, and ultimately invent their own hero gear.
The app is made up of 6 phases, each accompanied by a Marvel superhero. Training activities start simple, and incrementally become more complex as kids build skills and progress through their hero training.
Each character presents a series of inventions and activities that align with their superpowers.
Each character’s superpowers are tied to specific littleBits. By completing inventions and activities in the app, kids learn about the functionality of the Bits.
Animated instructions help keep kids engaged and call out important details.
The littleBits BLE Bit connects to the app and allows kids to control and code their circuit from a smart device.
Kit Components
The Kit comes with 9 Bits, 7 Hero Gear Parts, and two Sticker Sheets.
Due to the wearable nature of these accessories, they were designed to be easy to assemble and durable during role play.
The plastic parts are all either white or clear, providing a neutral base for customization and self expression.
Explorations
Defining the Experience
Superpower interactions drove the physical and digital outputs in the kit.
Extending Play
Insight: Kids don’t like to take their inventions apart. They want more out of the invention they just built before moving on to a new build. While “play prompts” are included at the end of each invention, kids often skip over them.
Our solution: Elevate “play prompts” to the journey menu and turn them into specific activities. Kids spend more time playing with what they just built while gaining a deeper understanding of the circuit’s capabilities.
Standardizing Build Instructions
We created a template to simplify how we deliver instructions with the app.
Designing a Customizable Wearable
We explored different options that focused on ease of assembly, durability, and usability.
Creating a New Matrix Bit
Light patterns and superhero icon creation drove the design of the Round LED Matrix Bit.