Trophy Header Image copy

CREATING ACHIEVEMENTS FOR GOLFERS

CLIENT: VPAR

VPAR is is live-scoring service track their performance over multiple golf outings and formats and share their activities with other players. The app is available for iOS, WatchOS and Android. 

MY ROLE: RESEARCH,  INTERFACE DESIGN, USER TESTING, WIREFRAMES AND PROTOTYPES

DURATION: 9 WEEKS

Whiteboard Discussion

DISCOVERY

The company wanted to grow user engagement and give users meaningful feedback when they used the app. When we interviewed users they told us that the played golf to compete, connect with other golfers, to be challenged and to improve their game. We also did heuristic analysis to discover where our product would sit compared to our competition.

 

Research

DEFINING

Using a process of card sorting and sketching the information architecture was mapped out. From talking to users, we identified the new Acheivements would need to be seen within a users profile page, from the Feed section, and as an alert when a user completed their round. Our initial MVP would focus on two key criteria; points score user scored during their round (for example, number of birdies or pars) and location – for example how many times they had played at a particular club. 

With this framework in place I developed a set of wireframes which were tested with users and iterated upon. The Product team as a whole came up with names for each achievement which reflected the brands tone of voice.

 

Trophies Stage 01
Trophies Stage 03

DESIGN

I developed a concept for the design of each badge with shapes, colours and strokes used to demonstrate identity (and complexity) of each achievement. These concept was then refined by a Visual Designer and user tested with users.  The overall style of the design was inspired by colours and iconography from the world of golf, but also leveraged a tone which was distinctly part of the style and tone of the brand.

Trophy Shield Sketches
Mood Board
Trophy Design Plan
Trophy Icons Phone Comp

THE RESULT

The new Achievements section is distinctive solution that allows the user to strive for a particular goal regardless of their ability, it challenges and rewards them when they use the app.Users can now compete and compare there Achievements as soon as they have completed their round. The social elements of the Feed allows users to easily see the activities of the friends and gives them a competitive goal to strive for,

Screens 3up 1
Screens 3up 3
Screens 3up 2