08

Toggl

art direction of group running
art direction of group running
art direction of group running

Client

Client

Toggl

Toggl

Type

Type

Product

Product

,

,

UI/UX

UI/UX

Year

Year

2020

2020

About

About

The challenge was to translate Toggls refreshed quirky identity across its digital touchpoints without compromising performance. With an already strong conversion rate, the website redesign required a careful balance of visual experience and clarity that users rely on. We went beyond conventional SaaS aesthetics, incorporated playful 3D assets, joyful animations, and personality to the product narrative.

The challenge was to translate Toggl’s refreshed quirky identity across its digital touchpoints without compromising performance. With an already strong conversion rate, the website redesign required a careful balance of visual experience and clarity that users rely on. We went beyond conventional SaaS aesthetics, incorporated playful 3D assets, joyful animations, and personality to the product narrative.

sketch of new logo

The challenge of balancing bold brand expression with product clarity and performance expectations.

The challenge of balancing bold brand expression with product clarity and performance expectations.

Rather than forcing the refreshed identity into every part of the website, we focused on where the brand could add value without disrupting the product experience. We channeled the bolder visual language into content, narrative moments, 3D assets, and animations that supported the story while keeping core user journeys clear and efficient.

photography and UI design
photography of brand billboards

The opportunity of Art direction and product design rarely sharing the same brief.

The opportunity of Art direction and product design rarely sharing the same brief.

The separation between art direction and product design created an unexpected creative freedom. Because the 3D visual language lived outside the core UI, it didn't need to negotiate with functional constraints.

art direction of typefaces
branding system for text overlay

Credits

Michelle Tan

Project Manager

Alicja Suska

Product Designer

Joris van Raaij

Motion Designer

Credits

Michelle Tan

Project Manager

Alicja Suska

Product Designer

Joris van Raaij

Motion Designer

Quote