The discovery session
Our UX designers, developers and members of the CWT team targeted audiences and began to empathise. On a high level, the app had to relate to a large scope of people – family’s, students, grandparents and so on. Some audiences just by their nature would enjoy the app and would easily be able to use it. However, the key challenge is to engage those who aren’t interested in nature and how to get them hooked on the app while creating an experience that is easy to use for different levels of user usabilities.
Together we came up with a variety of ideas for the mobile app hook:
- Community Photos Upload
- Physical activity
- Gamify with trophies
- Climate change
After gauging our ideas with potential users and the team at CWT we drew the following conclusions:
- We couldn’t promote on-site activity, as much of the land is unsuitable for the general public, and in some cases, it would be actively discouraged
- Photos and Activity apps would be hard to deliver the educational content, and really make the general public see what the benefits of natural capital services are.
- Collecting cards would be a good engagement and educational element
The chosen concept – gamifying the user experience with quizzes and collectable cards
Using the discovery findings, we had finalised our idea. The concept would be to design a mobile app around nature reserves where users can ’Discover the sites near you’ (see images below). Each reserve would have an overview of information, how to visit and a star rating up to five for nine natural capital categories.
To take this one step further, we would gamify the user experience by giving users the power to collect digital cards. And, to collect the locked cards and add them to their profile, a user would have to take a quiz relating to individual reserves. All of this with a beautiful UI design, we believe, would engage the user and be the hook that this project is looking for!
Mobile app wireframes & prototype – natural UI design with maximum accessibility
Our UI designer built the wireframes as seen in the scrolling images below, bringing the idea to life with a simple flow to the app with the intended features and showing the user journey.
We circulated the wireframes back and forth with the CWT team where together, we collaborated and addressed potential problems before signing them off for a splash of colour. We then decided to do a micro branding exercise, so we could give the app a professional look and feel. Our designer then put together a prototype of the app for the first phase of user testing (see prototype below in scroll images).
Key UI design features:
- Typography for mobiles
- Natural green colours and all Call To Actions in a vibrant green throughout
- Photos in a spaced swiping gallery
- Navbar at the bottom throughout
- Iconography used throughout for key points, natural capital categories and navbar
Explore the wireframes and finalised prototype: