We had done a lot of legwork during the pitch, but that now needed validating and be built upon.
Together with the adidas product owner Hans-Eric and his team, we set to deliver a clear overview of the entire application before delivering full wireframes, specification and in some cases prototypes, component by component along the project.
My linear flow turned into an uncontrollable beast when adding more and more states and conditions, so I ended up creating a circular flow for each state, which I wrote an entire article about.
The 4 states a user go through in the GLITCH application
Once I had the application overview, I started digging into the wireframes. Normally I would start in order of development but in this case we knew that the navigation and the product selector would dictate what we do for the rest of the app.
We had ambitious plans for our product selector, a normal product grid wouldn’t cut it. Since the boot is only available through the app, the consumers first impression of the boot is on the screen. We wanted this screen to be highly interactive with the boot in centre of attention. I had this idea of turning the boot into the interface of this key screen (I wrote an article about this as well).
The first sketches of the nav structure and the ambitious product selector (which we called configurator back then).
We designed this screen with our users in mind. The application is built with react native which at this time hadn’t been tried on many elaborate interactions. The interactions we ended up building into the product selector really pushed the technology into new pastures thanks to our fantastic developers at POSSIBLE Budapest. We stole many of their evenings and weekends with our vision of this screen, without them we wouldn’t be here today.
Together we put a lot of effort into the product selector, it was bold and ambitious to go down that road and it needed to be validated before burning more time and resources. The Budapest team built the prototype below that we then validated with around 20 influencers.
Our first product selector prototype created by Péter Schmíz
iris hooked us up with a room and influencers. At the end of the day, all of our participants went over the moon when they saw it and we knew we were on the right track. We did find that, while splitting the view to be able to swipe both innershoes and outerskins was a cool feature, most users found it a bit tricky to operate.
We solved that by only letting you swipe between outerskins until you separate it from the innershoe. You are then able to swipe both individually, as seen in the final delivery. Later on we added indicators at the top to isolate the innershoe completely.
Me having a coffee half way through a full day of validation testing