There are many different apps that document a journey, some with a more competitive focus, others more fitness-centric. None of them included a story-telling component and our client came to us to build out an idea he had been sitting on for a while.

We set the stage with some workshops to unpack what our stakeholder was hoping to achieve with the app and begin exploring what this could look like.

Workshops. Spreadsheets!

We had many, many workshops to fully understand the goals of the product and employed the opinions of those in the adventure community to see if they wanted an app along these lines and if they did, what they would expect of it. This guerilla research grounded us in the audiences we were designing for and shifted some very early stage assumptions we had made about what those audiences would want.

HTML Prototyping. Preliminary testing. 

In order to check that the route building part of the web application was working as users and the team hoped, we worked closely with our lead front-end developer to put together a live prototype. It meant that we could see how our target audience interacted with the tool and shed light to some features we had overlooked ... like, including the ability for a user to zoom into the map.

Discovery. More Workshops. More Post-its.

As we were cranking away with wireframing and working through micro-interaction details, we began thinking through the aesthetic for the site. Our client brought the logo and some a primary color palette for us to begin with, but beyond that, little was defined. 

As was the theme of this project, we conducted an immersive workshop: Gathering a collection of images that we felt represented the look and feel of the product.

From there, we created moodboards to represent these physical sources of inspiration as digital elements that would work across the platforms we were designing for: Pulling together color palettes, iconography, examples of typography that ultimately feeds into the design concepts. 


Production. Documentation. 

From moodboards to concepts, and then into visual design production. The direction we established for the story telling portion of the product was carried through all of the templates we created; route building, online store, iOS app and also in the WYSIWIG interface that users interact with as they build their story.