R&M

Design

Code

Interactive moments for a husband-and-wife design studio that reflect their type-driven approach.

R&M is a studio run by art directors and type designers Ryan Bugden and Michelle Ando. They approached us to develop interactive moments for their new studio site, including a homepage hero and supporting microinteractions.

We wanted to reflect the studio’s collaborative, dual approach through typographically-driven interactions that are both thoughtful and delightful.

We created a wide-ranging sketch library that included five hero concepts, each with 2-3 variants, and 2 microinteractions, also with variants.

This totaled to 18 sketches for consideration.

With

Munus Shih

Role

Designer & Developer

Features

Awwwards

The chosen hero sketch
A sketch library totaling to 18 different interactive moments
Unchosen hero sketch (2/18)
Unchosen hero sketch (5/18)
Unchosen hero sketch (11/18)
Unchosen About page sketch (13/18)

Speaking

What's Next?

for Parsons School of Design
2025

Time is Money

for New Museum's DEMO2024
2024

Critical Computation

for Parsons School of Design
2023

Processing Community Catalog Launch

for Processing Foundation
2023

Generative Pathways: A Zine-Making Workshop

with SPICY and Secret Riso Club for The Brooklyn Art Book Fair
2022

Community Building and Resilience

for BeginCountour and The Processing Foundation
2022

Let’s Make a Zine

with SPICY and Secret Riso Club for Nowadays
2022

Theorizing Activism

for Barnard College
2019

Decolonizing the Media through Art, Activism, and Publishing

with SPICY for The New Museum Youth Summit
2019

Teaching

Combinatory Poetry with Variable Fonts in p5.js

TypeLab at Typographics
Summer 2025

Lettering for Type Lovers

School of Visual Arts
Spring 2025

Techniculture: A Critical Lens on Modular Type & Generative Design

Type Electives
Spring 2024

Advanced Design: Product Design

The Cooper Union
Ongoing

Core 2: Interaction

Parsons School of Design
Ongoing

Core 1: Interaction

Parsons School of Design
Ongoing

Additional Clients & Collaborators

The Bill & Melinda Gates Foundation

The Processing Foundation

Conservation International

The New Museum

Meta

Connect

Colophon

This website was hand-coded using HTML, CSS, and vanilla JavaScript. All text is set in Söhne by Klim Type.