Portfolio › Metta
Concept project · 2022 iOS · Motion design

Metta.

A loving-kindness meditation app concept, built around one thing: the open-a-meditation animation — storyboarded, designed, and implemented as working motion.

Metta — the My Library screen on a sage background: featured and favorite guided meditations as illustrated cards
About this project

It was always about the motion.

Metta is a self-directed concept project, but its real subject is a single microinteraction: the animation that plays when you tap a meditation and it opens. I storyboarded it, designed the screens around it, and implemented the motion — the video below is it running.

The animation

The whole point: opening a meditation.

The moment you tap a meditation, its illustration grows to fill the screen, then settles into the player. That single transition was the brief. I designed and animated it, then built it into the prototype — here it is, running in the app.

Metta animation (47s) — drop metta_animation.mp4 into the Rebekah folder and it appears here.

The open-a-meditation animation, implemented for the app.

The whole app had one job: help you slow down.

— The intent
The process

Storyboard to screen.

The storyboards below map the animation frame by frame — how the meditation grows, holds, and resolves. The mockups show the calm app it lives in: a library of guided sessions in Metta, Vipassana, and Zazen.

Metta — app presentation mockup Metta — the meditation player ('start with one breath') and library Metta — storyboard: opening a meditation, page 1 Metta — storyboard, page 2 Metta — storyboard, page 3 Metta — storyboard, page 4 Metta — storyboard, page 5 Metta — iPhone mockup Metta — iPhone mockup Metta — iPhone mockup
© 2026 Rebekah Terry — built among the stars
IMAGINE · DESIGN · BUILD