Tally is a friendly pink blob that battles online trackers represented by product monsters in a turn-based RPG-like battle, transforming data privacy into a multiplayer game.
UX + Layouts
The design process of the Install experience began with weeks of user research and data gathering. From there, a standard user journey was created, and users where classified based on their entry points into the flow of getting Tally, depending on where they are in the sign-up and installation process.
The first iteration was not entirely satisfactory, as it was not clear to users that they should confirm the account. Further, it did not mention the Privacy Policy, an important feature of Tally's mission.
This solution did not account for all possible stages a user could be along the process of setting up Tally in their browser. Further, the "Anonyname," a randomly generated username, needed to be more emphasized as many users highlighted this feature in feedback surveys.
With this in mind, we decided to divide the process into three explicit steps: Anonyname, account confirmation, and link to extension. As such, we arrived to the final iteration of the Get Tally page.
As the game relies heavily on data collection and visualization, I also worked on the layout and planning of data-heavy pages, such as the profile page and the Leaderboards
Illustration
Additionally, I created a set of icons to be used throughout the game and website. Finally, I collaborated with game designers to develop, illustrate and animate assets for Tally's gameplay.
The GIFs above are collectible items that appear randomly during a user's browsing that affect the player's stats once clicked.
The icons below are an RPG-like type for each move and product monster. The types reflect the tags of the website where each product monster is found.
