5%
10%
15%
20%
25%
30%
35%
40%
45%
50%
55%
60%
65%
70%
75%
80%
85%
90%
95%
100%

Slack

Client
Slack
Skill+Set
Content
Corporate
Graphic Design
Motion
3D
Digital Marketing
Strategy
WebGL
Impact
No items found.

The Objective

BRING SLACK’S ANNUAL REPORT TO LIFE THROUGH INTERACTIVE STORYTELLING AND TECHNICAL EXCELLENCE.

Slack’s State of Work report needed more than a PDF. We helped reimagine it as a digital-first experience: an interactive, immersive microsite that showcases the rise of AI agents in the workplace. Working closely with the Slack team, we translated complex data into motion-led narratives, blending editorial design, seamless animations, and fast, scalable front-end development. The result is a flagship thought leadership piece that’s as informative as it is engaging: built to spark conversation and signal Slack’s category leadership.

Focus on Accessibility

We prioritised accessibility from the ground up. Every interaction, animation, and piece of content was designed with inclusivity in mind: supporting screen readers, keyboard navigation, and colour contrast best practices. Semantic HTML and ARIA attributes were used throughout to ensure the site was usable for all, without compromising on visual polish. This approach didn’t just meet accessibility standards, it elevated the overall experience, making the site simpler, clearer, and more intuitive for everyone.

Focus on Clarity of Voice

To make sense of a rapidly evolving AI landscape, we designed the site to communicate clearly and confidently. Balancing technical depth with editorial ease. Slack’s thought leadership demanded a structure that could organise complex ideas while inviting exploration, so we built a modular system that prioritised visual hierarchy, scroll pacing, and narrative flow.

At the same time, we worked closely on tone of voice: cutting through jargon with grounded, accessible language. The result is a site that feels authoritative without being overwhelming, helping users navigate the future of AI with clarity and confidence.

Confident copy, clear hierarchy, and space to let the message land.

build