LITTLEBITS

COMMUNITY CHALLENGES

LITTLEBITS

COMMUNITY CHALLENGES

Engaging kids to become better inventors through community design challenges.

littleBits are electronic building blocks that empower kids to create inventions large and small using STEAM education principles (Science, Technology, Engineering, Art and Math). The primary audience are kids ages 8 and up, both at home and in the classroom.

The community team had been running design challenges for about a year, and we had realized how effective they were at activating our customers. The littleBits platform itself did not support challenges, creating a suboptimal user experience for the team and customers alike.

Creating a design challenge on the web and native iOS application in 2 months

Our team designed and implemented the experience in advance of our big summer challenge that was planned for July. Leading up to this, I focused on the core user experience and defining the user journey for our community platform.

My role during the project:

  • Work with the community team to determine the business requirements, simplify administrative tasks and gather customer insights.
  • Synthesize customer engagement data to provide a baseline for quantifying the project’s impact.
  • Run a comparative analysis to identify best practices.
  • Create sketches, wireframes, and prototypes to communicate the experience to stakeholders.
  • Team up with our UI designer to apply the final visual design.
  • Partner with our full-stack developer to implement the experience.

Kicking off with stakeholder interviews to understand the challenge format

I met with the community team and learned about the issues our community members were having with current format.

  • Difficulty finding challenges on the site
  • Not enough prompts to help get their children started
  • Cumbersome submission process

I also met with our product team about incorporating the design challenges that they used in product booklets. We decided to explore the possibility of including this additional feature.

Stakeholder interview notes

Consolidated notes from stakeholder interviews.

Researching competitors and establishing baseline metrics

Through my research I gained an understanding of the established patterns used by our competitors. I pulled participation data through a combination of Google Analytics and direct database queries to establish a baseline.

user journey for new customers

Timeline highlighting typical user journey for new customers.

Early sketches and a planning session

Early sketches and a planning session.

Presenting my findings to stakeholders

I presented my research findings, key user flows, proposed structure, and recommendations for an MVP feature set to key stakeholders. We got the green light to move on to the design phase.

proposed structure for the new challenge experience

Proposed structure for new challenge experience.

Taking a mobile-first approach to wireframing

I first started with some sketches and then created high-level mobile wireframes outlining the general experience. I reviewed the experience with the community and product teams as lo-fi Invision prototypes.

Lo-fi mobile wireframe Invision prototype.

Cutting the scope due to time restraints

Our developer’s timeline extended on another project cutting our development time by a week and a half. We had de-scope the requirements in order to meet our deadline. This provided us with an opportunity to simplify the experience, but it also meant we would have to delay the launch of challenges on our iOS app. I worked with our product manager to comb the features and figure out what the minimum viable product (MVP) would be.

Finishing designs and creating specs for our developer

I finished the desktop and mobile wireframes and added annotations to help guide our developer as he started to build the customer-facing experience. I worked with our UI designer to finesse the final design, and I created wireframes for the admin interface.

final annotated wireframe deck

Final annotated wireframe deck illustrating the Challenge home page.

Working with our developer to ensure a quality product

I partnered with our developer to ensure we implemented the experience as envisioned. During the alpha stage, we were able to have some community members use the new experience.  We received some great feedback, but we only had time to fix critical bugs before launch.

Final implementation of the desktop challenge detail page

Final implementation of the desktop challenge details page.

Launching on time and setting a new bar for engagement

We were able to hit our target date. The next month we hosted our big Summer challenge and set a new bar for participation. Overall the project was a success.

  • Subsequent challenges had an average of 50% greater participation
  • The amount of administration time went down significantly for our community team

In retrospect, we initially cast our net too wide with the amount of features we wanted to include. Ultimately, the time restraints helped push us to a more focused experience. In the end, the project was a success and the metrics showed a significant lift in our engagement numbers. I also believe we succeeded in creating a better experience for our customers.

LET'S WORK TOGETHER