Scalable Rocks

User flow

User flows were created before any sketches to give a visual representation of how the app would come together and ideally be used. This quickly highlights any potential user pain points and allows for better optimisation. I particularly find these useful as it allows me to stay focused on what’s required.

Early ideas

Sketching on grid paper allows ideas to be rough but keeps proportions similar to intended screen sizes. As a newbie to Munro Bagging, one of the issues is not knowing what the munro looks like. If not sign posted, making sure you're climbing the right one can be challenging so initial thoughts were to use photography as much as possible to make recognition easier.

Wireframes

Following on from sketching, wireframes were created bringing in typography, icon and image placeholders. This allowed the skeleton designs to come together and viewable on devices.

Introducing photography

Brand colours and bold photography was introduced to display the beauty of the regions and connect the user to each munro before setting off.

Regular prototyping

Prototypes were constantly developed throughout the process. Initially, using wireframes allowed to test the length of horizontal scrolls, toggling between list and map results and is much quicker to get into users hands for feedback. As the project matured, the job of the prototypes changed to fine tune the interactions.