TJ · Launch Video Breakdown: Hook, Pacing & Motion Design

Japan has 4M+ vending machines, called jihanki. In Tokyo they’re everywhere, but the interesting ones are weirdly hard to find. So I made Jihanki Atlas, a map where people can discover, submit, and…

Tech & SaaSLaunchMay 16, 2026@TJ_Kawa

Website View on X

9.2 /10

Hook score

Problem/Solution Showcase

Cuts / min

0:25

Runtime

426K

Views

Likes

Reposts

Replies

Reusable motion template

Interactive Map & Panel Product Demo

Interactive UI & Map-Based Product Demo

Adapt it.

Replace map imagery with a stylized urban map, focusing on city blocks and street names.
Update all text content to reflect street art themes: 'Mural', 'Graffiti', 'Sculpture', 'Artist Name', 'Submission Date'.
Change map pin icons to represent different types of street art (e.g., spray can, paintbrush, stencil).
Adjust color palette to a more muted, urban scheme with vibrant accents for art pieces.
Ensure all UI elements (buttons, input fields, panels) maintain the original video's crisp, responsive animation timing and easing.

Source: X / Twitter launch · View original post

Launch overview & key findings

A 25-second interactive ui & map-based product demo launch video by TJ, unveiled on May 16, 2026 with over 426K views on X. Evaluated at a 9.2/10 hook score with an editing tempo of 5 cuts per minute, the production demonstrates This video showcases Jihanki Atlas, a community-driven map for discovering and submitting unique vending machines across Japan. The founder demonstrates the intuitive UI, allowing users to explore rare finds, view detailed machine information, and contribute their own discoveries. The motion style is characterized by a fast-paced, highly interactive UI, clean typography, and responsive animations that mimic a seamless web application experience.

0:00 · The Hook · Discovering Rare Vending Machines

0:00 / 0:00

The Hook
Discovering Rare Vending Machines
“(No spoken dialogue — ambient UI clicks and scrolls)”
On screen
JIHANKI ATLAS ABOUT THIS GUIDE RARE FINDS TOKYO SEARCH THE CITY ramen, umbrella, capsule, Shibuya... NEAR ME NEEDS PHOTOS RESET MAP BEST OF TOKYO RARE FINDS + MORE FIL EXPLORE LISTS TOP ITEMS MY FINDS ADD YOUR FIND Business Card Vending Machine Disaster-Response Cup Coffee Machine Edible Insect Machine (Ameyoko) Sriracha Sauce Machine THE LABEL FRUITS CUSTOM LATTE MACHINE Ueno Station Hot Ramen Stand Edible Insect Machine (Ameyoko) VIA TIME OUT TOKYO SEND FIND RARE OPEN IN GOOGLE MAPS SHARE MACHINE Community Photos ADD A REAL FIELD PHOTO PHOTO: ZHENG ZHOU / WIKIMEDIA COMMONS / CC BY-SA 4.0
Camera
Static overhead view of a map interface, with UI elements animating within the frame.
Motion
Rapid UI element transitions, scroll animations, and content pop-ins create a dynamic, interactive feel. Map markers animate with a subtle bounce.
Product Reveal
Detailed Machine Information & Submission
“(No spoken dialogue — ambient UI clicks and scrolls)”
On screen
JIHANKI ATLAS ABOUT THIS GUIDE RARE FINDS TOKYO SEARCH THE CITY ramen, umbrella, capsule, Shibuya... NEAR ME NEEDS PHOTOS RESET MAP BEST OF TOKYO RARE FINDS + MORE FIL EXPLORE LISTS TOP ITEMS MY FINDS ADD YOUR FIND Sagamihara Vending Machine Park Sriracha Sauce Machine THE LABEL FRUITS CUSTOM LATTE MACHINE Ueno Station Hot Ramen Stand Sriracha Sauce Machine VIA WIKIMEDIA COMMONS ADD A REAL FIELD PHOTO ABOUT A full Sriracha-branded machine selling hot sauce bottles — a strong photo example and one of the most visually specific machines in the guide. FIELD REPORTS No field reports yet. Be the first person to verify this machine. Confirmed here Food What does it sell? tea, coffee, gyoza... UPLOAD PHOTOS Up to 6. Full front, products, payment panel. Choose Files No file chosen
Camera
The map view remains static, while the left-hand panel expands and scrolls, revealing more detailed information and user input fields.
Motion
Smooth panel expansion and content scrolling, simulating user interaction. Text fields highlight on hover/focus, and dropdowns animate open.
Feature Teaser
Curated Lists and Regional Exploration
“(No spoken dialogue — ambient UI clicks and scrolls)”
On screen
JIHANKI ATLAS ABOUT THIS GUIDE TOKYO SEARCH THE CITY NEAR ME NEEDS PHOTOS RESET MAP BEST OF TOKYO RARE FINDS + MORE FIL EXPLORE LISTS TOP ITEMS MY FINDS ADD YOUR FIND Retro Caramel Popcorn Machine Sagamihara Vending Machine Sriracha Sauce Machine Animal-Shaped Macaron Machine Business Card Vending Machine Disaster-Response Cup Coffee Machine CURATED LISTS These collections you can hit in one trip, one neighbourhood, or one obsession. Tokyo's 10 Strangest 10 SPOTS Akihabara Weirdness 9 SPOTS Haneda Layover Hunt 10 SPOTS TOKYO'S 10 STRANGEST ALL LISTS EXIT LIST Akihabara 'Cursed' Vending Corner Animal-Shaped Macaron Machine Banana + Amazake Smoothie Bee Larvae Machine Business Card Vending Machine Canned Tokyo Air Dashi Soup Stock Machine (Chiyoda)
Camera
The map view shifts slightly to a new region (Ikebukuro, then a wider Tokyo view), while the left panel transitions between 'Explore' and 'Lists' views.
Motion
Map pan and zoom, combined with left panel content transitions. List items appear with a subtle fade-in and slide-up effect, mimicking a dynamic content load.
Call to Action
Community Contributions and Saving Finds
“(No spoken dialogue — ambient UI clicks and scrolls)”
On screen
JIHANKI ATLAS ABOUT THIS GUIDE TOKYO EXPLORE LISTS TOP ITEMS MY FINDS ADD YOUR FIND Boss Cafe au Lait Pecari Sweat Kirin Gogo no Kocha Royal Milk Tea Hot Oshiruko (Sweet Red Bean Soup) Suntory Iyemon Green Tea Melon Soda Calpis Water TOP VENDING ITEMS Hot Corn Soup Boss Cafe au Lait Pecari Sweat Kirin Gogo no Kocha Royal Milk Tea MY FINDS ADD YOUR FIND SAVE YOUR PASSPORT You can keep adding without an account. Add an email login to keep your finds if you switch devices. Email address SEND MAGIC LINK FIRST FIND PHOTO SCOUT MENU DETECTIVE RARE HUNTER AREA STAMP TYPE COLLECTOR TOKYO FIELD AGENT OFFICIAL STAMP No finds yet ADD YOUR FIRST FIND FIELD PASSPORT SPOTTED A MACHINE? USE CURRENT LOCATION Address or nearby place Neighborhood or AI Machine name ADVANCED CONTROADS Drinks Everyday Products, comma-separated UPLOAD MACHINE PHOTOS SUBMIT YOUR FIND PROTOTYPE DATA
Camera
The map remains centered on a wider Tokyo view, while the left panel cycles through 'Top Items', 'My Finds', and 'Add Your Find' sections.
Motion
Smooth tab transitions and form field interactions. Input fields and buttons animate with subtle hover states and click feedback, guiding user engagement.

Synthesizable in Remotion · key components of the urban-art-canvas-atlas template.

MapPinPop

Map pins appear on the map with a slight bounce and scale-up animation, drawing attention to specific locations.

+ Code construction recipe

Use Remotion's `spring` function for a bouncy scale and Y-axis translation. Combine with `interpolate` for opacity fade-in. SVG path for the pin shape.

PanelContentScroll

Content within a fixed-width side panel scrolls smoothly, revealing new list items or form fields with a subtle fade-in effect.

+ Code construction recipe

Implement a `scroll` component with `overflow: hidden` on the parent. Animate `transform: translateY` for the content, using `interpolate` for smooth scrolling and `opacity` for new elements fading in.

TabTransitionSlide

When switching between tabs (e.g., 'Explore', 'Lists', 'Top Items'), the content area slides horizontally, and the new content fades in.

+ Code construction recipe

Utilize `AbsoluteFill` for tab content containers. Animate `transform: translateX` for the sliding effect and `opacity` for cross-fading between content, using `spring` for a fluid transition.