Interactive Food Card Design: Exploring Global Dish ConnectionsInteractive Food Card Design: Exploring Global Dish Connections
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Cousins is an interactive food card that shows how dishes from different cultures are related. Pick a dish you love, then spin it to discover its cousins around the world. Saimin spins into ramen, then pho, laksa, and Taiwanese beef noodle, one bowl transforming into the next. Tap "Next family" and the same idea plays out with dumplings, tracing a single parcel of dough west along the Silk Road from jiaozi in China to pierogi in Poland. Flip any card to read where the dish came from and how to make it. The whole thing is built on one idea: these dishes are not strangers, they are family. How I used Stitch
I started by generating the watercolor illustrations in Stitch from a single reference image, which gave me a consistent painted style across all ten dishes. I built one card front in Stitch, then layered the motion in as in-place edits: a spin transition with motion blur that swaps one dish for the next at the blurred midpoint, a recipe flip on the card's depth axis, and a horizontal slide to move between families. Each gesture does a different job, so spinning means "same family, transformed," flipping means "go deeper," and sliding means "travel to a new family." I used the in-place edit prompts to wire the interactions and the recipe content, and built the second family by duplicating the working card and swapping its images and text. I did not like the first iteration of the design it came up with. It was too slick and SaaS looking for a food exploration app, and the look and feel clashed with the watercolor illustrations. Creating a rough design in Figma with the same prompts first, then bringing that into Stitch, gave me much better results. It steered the tool away from its default app look and toward the editorial feel I wanted.
I was also impressed with Stitch's ability to generate consistent watercolor illustrations from one reference image. I did have to correct the registration of the images and remove the backgrounds in Photoshop for this project, since the spin transition needs every bowl in the exact same position, but otherwise it was a strong result. The biggest wins were the in-place edits for motion and the speed of iterating on a single card before extending it to a second family. Prototype
Dylan's avatar
Contra logo
I love apps that help me learn new fun facts. Especially when it's about food! Nice work
Rishi's avatar
Really like how each interaction has a purpose. Spin, flip, and slide all tell a different part of the story instead of being animation for the sake of animation.
Here's my submission: https://on.contra.com/pnfJBQ
Curious what you think about it.

on.contra.com

Introducing Voya: Revolutionize Your Travel Planning Experience

Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.

Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started