Rapid prototyping with Adobe XD #DES241 #Mixedrealities

A few weeks ago a classmate and I competed in an Adobe Creative Jams competition. The challenge was to prototype an app design that promoted sustainability for our coastlines. My design partner and I came up with the concept of "Clean Coast", an app which gamifies picking up rubbish around beaches. Users can earn points for rubbish collection and also unlock new sea animal cards, combined with community leaderboards and events. We used the design technique of gamification to engage people with their communities and make an otherwise boring task i.e. picking up rubbish, engaging and exciting, adding a competitive element with the local and global leaderboards.

We started by roughly wireframing our app screens, which can be seen in the image below.

We then used these wireframes as our blueprint for creating the screens in Adobe XD. We used Adobe colours to find a colour palette to ensure the colours used were aesthetically pleasing and appealing to the user's eye.

Check out our app prototype by clicking the image below!