Toggle screenreader descriptions

Animation, icon design, sound design

Emma Barratt, Matthias Hoegg & Pedro Messias

Google Tasks

Google Tasks is a feature launched in 2018 to help users stay on top of their schedule. It runs as a standalone app and is also built into Gmail and Google Docs.

While working at Wolff Olins, I was on a team to create the icon and animation behaviours for it, as well as developing a subtle sonic identity.

The act of ticking tasks off a paper list is one of those near-universally satisfying moments, so our goal was to translate this feeling to the screen.

We pitched a series of animations (above), then refined from the feedback, arriving at the animation below: the empty circle of an uncompleted task turns into a diagonal strike, which playfully spins into a tick.

This mark came with other behaviours to be implemented alongside it, showing multiple tasks being completed at once, loading icons and tasks in progress.

Alongside the animation work, I also provided some sound design. Google's brand is clean and simplistic and we wanted to emulate the satisfaction of completing a physical list, so I sampled noises like pencils drawing marks, sheets of paper sliding across one-another and the cheerful clinking of glasses at the end of a long project.