Adidas Sync — Gamified sports —

Brief

This project was about getting more high-school children into sports as part of a post-olympic campaign. The idea of gamification was very appealing as a way of incentivising young into becoming challenged and motivated to do more sports at school.

Concept

Trading cards used to be a cool thing to do in 90s, since the internet and console gaming the idea or hype for trading football cards has almost vanished. With the rise of mobile apps and constant internet connectivity brining trading cards into digital world could be a good way to get children interested. A student would use his phone to track his sport activities and receive trading cards or rewards from his sports teacher.

Brand

The idea for Adidas Sync and its branding came from the community aspect of trading cards, students would usually meet in a group, sync their awards and trading cards.

Interaction

In terms of interaction, theres three main areas that the app is tied around: Rewards, meaning the trading cards, Challenges, a list of challenges set by the teacher that will get student a reward and Community, your social circle whether its friends you add or have on Facbeook and Twitter.

The teacher's application is much more of a managment tool, a list of students grouped by class and year group is presented and teacher can oversee how his students perform.

Wireframing

In terms of the user interface, wireframes have helped me to iterate over certain layouts and modules. The goal was to make the user journey as short as possible and only present key information at a time. Since the target platform is touch devices use of gestures should aid the overall interaction.

Visual design

The goal for visual style and overall atmosphere was to keep things simple and emphasise any controls used to interact, like sliders and buttons when submitting results of an activity. The cards would be designed, following the conventions of original trading cards - athlete's picture and a table with personal goals. Any gamification elements and iconogrpahy is simplified and colourful.

The Build

I've used Adobe Flex technology to export a working Flash-based app into an Android aplication that's ready to distribute. It worked well, the app felt like a native one, and the support for swipe gestures was great too, but the key challenge was to adapt the design to different screen sizes.
Learn The SLR app Next project