Tally is a browser extension that transforms data advertisers collect into a multiplayer game. Tally is a friendly pink blob that battles online trackers represented by product monsters in a turn-based RPG-like battle.
I worked as part of a team in the ongoing project researching Onboarding and UX, creating frameworks and layouts for the website, and illustrations for the game. All of the design choices were informed by feedback collected from users during the game's alpha stage.
After weeks of research on User Experience and User Conversion, I designed the flow and wireframe of Tally's installation.
The process began by designing a wireframe of what the Install experience should be like. Users are directed to different steps of "Get Tally" depending on where they are in the sign-up and installation process. The Anonyname, a randomly generated username, is emphasized, as many users highlighted this feature in feedback surveys.
An emphasis of the process was to translate the experience accross devices, focusing on the page's responsiveness.
This solution did not account for all possible stages a user could be along the process of setting up Tally in their browser.
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.
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.