HunterApp is the leading wildlife tracker and social platform for hundreds of thousands of enthusiasts all around the world. After the smartphone-app success, we analysed the needs of our target group and decided to develop also a web app for a better user experience. 

UI & UX Design for the WebApp: Mehmet Ergul, Markus Ortmann

Venture Architects: Daniel Feile, Stefan Gregor

Development & Backend: Ivan Pusic, Pascal Ludwig

THE CHALLENGE

Designing the WebApp while keeping the fundamentals and navigation familiar with the phone app, yet increasing the functions and creating an ecosystem 

Based on our analyses and feedback from our app users, the age group for the App was a senior community. In that regard, the phone app was a good option for "to go" but users were still willing to have a desktop version of their beloved tracker and assistant. Keeping this in mind, we needed to study some new functions, tested them with target groups, and updated+added new functions to the app. 

DESIGN

Optimizing the Interface Design according to researches and studies.

1

Navigation Layout

A split page layout allows the wireframe easily exchangeable between a desktop browser and a tablet view. The right-sliding edit page is only active when it is needed, allowing the primary screen to be more functional yet simple. 

2

Optimised Flow

Heatmap analyses showed us where our target group was aiming at through scanning a page. For this data, we used VWO's services with over 1000 test subjects. 

Interestingly, the senior age user group mostly followed the traditional Left > Right / Top > Down scanning method, and this allowed us to refine the flow in ease.

3

UI Simplicity

Keeping the Interface simple gives our specific user group an easy-to-use / easy-to-learn app. Relatively big buttons/click interfaces are easy to control, and accent colors are making the key components pop up.