My Monthly Motion Graphics

Project Overview

My Monthly set out to build something that didn't exist yet, a period tracker designed for couples, not just individuals. My role has been about carrying that intention through motion: making the app itself feel warm and intuitive to move through, and making the brand's social presence feel just as alive.

Working across both product and marketing meant switching gears constantly. One day refining a transition inside the app, the next building an Instagram animation meant to stop someone mid-scroll. The throughline across all of it was keeping the same tone: empathetic, inclusive, a little playful, never clinical.

In-App Motion & UX Animation

The core of the work here was making the app itself feel fluid rather than functional. I animated the UI transitions across in-app features, pop-ups, and calibration screens, along with scroll motion and the character reveal used in personality quizzes and onboarding. A lot of the value in this kind of animation is invisible when it's working. It's less about a flashy moment and more about the app never feeling like it's fighting the user.

Dark Mode Launch

When My Monthly rolled out dark mode, I built the UI layouts for the new palette alongside the Instagram post animations announcing the launch, making sure the new look felt considered rather than like a simple color swap, both inside the app and across the brand's social feed.

Duo Mode / Pride Month Launch

The most recent piece was launch content for Duo Mode. A queer-inclusive feature, timed to Pride Month. This one carried more weight than a typical feature announcement, since it needed to land as a genuine statement of inclusivity rather than a checkbox seasonal post. I built the animated launch content across the campaign to introduce the feature with the same warmth the app promises its users.

Social & Community Content

Alongside the bigger feature launches, I made two standalone social pieces: Crushes in Bloom, built to encourage users to connect with each other on the app, and a promotional animation for Products Are Here, launching the in-app shop through both a social post and a newsletter animation.

Final Outcome

Across all of it, the goal stayed consistent, motion that makes a sensitive, personal app feel approachable rather than clinical, and social content that carries the same warmth as the product itself. It's been a chance to work motion design across the full loop: product, brand, and community, all under one voice.