North Kingdom was contacted to help LEGO in their digital transformation. LEGO Star Wars Force Builder is a platform where kids can creatively build ships from their favourite Star Wars characters, take on challenges and participate in a community where they can share their creations.
My role in the project was to lead the UX, working closely with the Art Director and Tech Director, concepting and producing the UX deliverables first for the base app and then for the upcoming updates.
Kids land in the Wheel, a location from the LEGO Freemakers Adventures. From the Hangar they can take on two main paths: building ships creatively in the Creative Builder or taking on challenges for the Star Wars characters in the Mechanic Bay.
One of the important challenges in the project was organising all the content so everything was reachable but at the same time the main features of the app were clearly defined and easily accessible, in order to focus kids attention on them. We took the time to analyse each section and define how should it be connected to the rest, and then build a navigation that supported it.
Wireframes and User Flows
Designing for kids is completely different from designing for adults. Kids see things (and apps) differently, which has an impact in the way we design interfaces for them.
The UI of the Force Builder app is meant to be very visual, with big interactive elements, icons and as few text as possible, following global conventions and specific ones from LEGO when designing for kids.
It was specially helpful for the team in this project to build visual flows connecting the wireframes with nodes and defining what screens were triggered when interacting with the elements and buttons of the app.
This allowed the whole team to align faster on how the navigation of the app would be.
The art direction and design started after there were several key screens from UX finalized. After that, both design and UX continued in parallel.
Using Pixate and Invision I built several prototypes to iterate different sections of the app. The prototypes allowed the team to get the feel of the key interactions and understand the full flow of the app.