WIP_footer.jpg

Work is Play Studio

Branding, Design, Web
2024

Work is Play Studio is a fun-sized, full-service design studio on a mission to bring more joy to design. Founders Sofya Leonova and Dinesh Dave built their studio on the belief that original, impactful work is best created with a healthy dose of play.

Working with Sofya and Dinesh to bring the Work is Play visual identity to life was a real treat. Together, we created a flexible and dynamic identity system—built around a custom-wordmark, we created dozens of artistic iterations and creative variations on the words “Work” and “Play” that alternate in animation or interaction. The motif of “Expect the Unexpected” weaves its way through the entire system and web experience to bring subtle moments of thoughtful surprise and delight.

The success of the project relied on a great collaboration—with Sofya and Dinesh giving creative direction, partnering with the talented Kyle Kelly-Yahner for messaging and copywriting, and working with the incredible engineers Tatiana Mac and Connor White to bring the website to life.

Work is Play Studio ↗

The custom wordmark is a clean and crisp set of letterforms that are playfully chunky and have just the right amount of character—like the kickstand base of the lowercase “k” or the oversized dot above the lowercase “i”.

The logo positions them nicely as a modern design studio with enough of a “wink” to own the term joy agency.

A vector graphic image displaying outlined text and shapes against a light blue background. It includes the letters "r," "k," "i," and part of another letter. Blue control points and lines are shown for adjusting the shapes and curves of the text.
The custom lettering design of the brand wordmark and logo for Work is Play Studio on a yellow background.
A teal background with the outlined letters "WO" from the word "WORK" prominently displayed in black. The letters are centered and surrounded by dotted lines forming three rows, evenly spaced across the image.

Flexible, Dynamic Logo System

One of my favorite aspects of the brand is its ability to morph and change shape through microinteraction and animation. The logo was designed to be very clean and simple, so that it can rotate through creative and artistic variants of the word “Work” and “Play” to infuse discoverable surprise and delight throughout the identity.

Web Design

The motif “Expect the Unexpected” weaves through the site design—hovering over the word “Joy” on the homepage launches animated stickers and graphics, while scrolling triggers a re-sizing of the studio’s design reel.

Another favorite microinteraction: when a user hovers over the logo in the site’s navigation, it randomly displays one of the logo variables to bring a subtle moment of delight!

A person wearing a yellow sweater holds a smartphone displaying a website menu with options: Home, Work, About, Learn, and Contact. The screen also shows social media icons and contact information at the bottom.
A laptop rests on a wooden chair, displaying a webpage with a playful yellow design. The webpage has various whimsical icons and reads "Work is Play" at the top, with a search bar underneath asking, "What brings you joy?"

The homepage also features a component that we lovingly refer to as the Joy Wall: an interactive place where the user can push and move around the branded stickers on the page, and even an input field where they can add words or ideas that bring them joy to the wall.

Person typing on a MacBook Pro displaying a website with a green background and multiple vertically-oriented images. The tagline "Work you can feel, see, hear, and maybe even taste" is visible on the screen with various graphics and product images sh

The website uses a custom component we call the Expandopanel to display work and blog posts in a fun and interactive way: hovering over a pane expands it, while shrinking down the others.

Toggles give a nod to the notion that work can also be play, and vice versa. On the studio’s Work page, the user can toggle to a “Play” view that shows a different set of creative projects.

A laptop on a mustard yellow cushioned surface displays a website with the text, "Let's make magic happen" and a navigation bar at the top. The screen also shows star icons and a cursor pointing at the text. The background is a plain light gray wall.

When users hover over the word “magic” in the footer, a field of stars and sparkles burst forth.

The firm’s values (Find a Thread; Weave in Joy; Build More Together) are displayed on cards that can be expanded/flipped.

We even created a little, visual xylophone for the user to play with alongside stats about the studio.

A laptop displaying a website with a maroon background and orange abstract shapes is placed on a yellow couch. The website features text with statistics: “50M+ data points,” “2M+ interactions,” “4 projects,” and “14 shots of espresso consumed daily.”

Launch Materials

For the launch of the studio’s new visual identity and website, we partnered on a physical gift that was mailed out to creative co-conspirators, collaborators, and prospective clients.

The custom-designed box featured a space to write in the recipient’s name on the outside, sealed with a custom tape that cycles through the design variants for “Work” and “Play.” Inside, the box design features the studio’s values.

Sitting on a mound of gold-colored crinkle paper, we designed a custom notecard with the logo debossed on a field of holographic silver. The box contained a book, Joyful: The Surprising Power of Ordinary Things to Create Extraordinary Happiness; a set of branded stickers (inspired by the website’s Joy Wall); and a concrete yellow banner sculpture that featured a “WiP”-branded fruit sticker design.

A cardboard package with the name "Luke" written on it in cursive is placed on a wooden surface. The box has a printed label that says "Made For" above the name and has several downward-pointing arrows with the text "Open me" beside them.
Image shows an open cardboard box filled with yellow shredded paper. Inside the box, there's a card with an iridescent sheen and the text "Work is Play." The inside lid of the box has the printed text "Meet Work is Play Studio."
A stack of note cards with yellow edges sits on a beige surface. The top card displays the text "Work is Play" with a reflective, rainbow-like color. The card below shows the same text in plain yellow on a white background with contact details al
A white card with handwritten text in a box filled with yellow shredded paper.
A custom packaging tape design features the brand's yellow color as the background and the words "Work" and "Play" repeat along the center in different fonts and handwriting.
Close-up of a gift box with yellow crinkle paper inside. The partially visible text on a card within the box reads "Find the thread." Light casts a warm glow on the contents, highlighting the textures of the paper and card.
An open cardboard box with yellow crinkle paper inside, partially covering a white card. The card has the text "Weave in joy" written on it in brown letters. The focus is on the card and crinkle paper, with a blurred background.
An open cardboard box partially filled with yellow crinkle paper. The inside of the box's lid displays the text "Build more together." The scene is brightly lit, emphasizing the vibrant yellow color of the crinkle paper.
A sheet of colorful stickers on a gray surface includes designs like "Art! Art! Art!", a slice of pizza, the word "Work" next to a coffee cup, among others. The stickers feature yellow and brown hues with playful and creative themes.
A concrete yellow banana sculpture with a "WIP" fruit sticker is placed on top of a stack of books on a bookshelf.

Credits

Work is Play
Sofya Leonova
Dinesh Dave

Lead Engineer
Tatiana Mac

Animation Engineer
Connor White

Photographer (Launch Materials)
Luke Beard, @lukesbeard

Photographer (Portraits)
Emily Malan

Brand Messaging and Copywriting
Kyle Kelly-Yahner

Docusign

Branding, Creative Direction

Coxe Curry & Associates

Branding, Creative Direction, Web