zishuo.design
THEME[A]SOUND[|]LANG[EN]
--:--GMT+8 CN --:--0001 X 0001 Y
TONGKUANG / PRODUCT DESIGN / 2026

Two perspectives.
One story.

Tongkuang records the world in front of you and the person behind the camera. An independent project spanning product design, a native app, a presentation and an interactive website.

Visit the website ↗App Store ↗
TWO CAMERAS.
ONE MOMENT.
Tongkuang recording front and back camera views together
Role
Independent design & development
Scope
Product / interaction / app / website
Platforms
iOS · Android · HarmonyOS
Built with
Swift · AVFoundation
The ideaThree modesIn motionDesign in motionFilmPresentationExplore
01 / THE IDEA

Why capture only one side?

When we film the scene, our own reaction disappears. When we turn the camera around, the moment has already passed.

Tongkuang begins with a simple idea: keep the person filming in the story. Three clear entry points bring dual-camera capture, screen recording and spoken storytelling onto one device.

02 / THE EXPERIENCE

Three modes. One familiar flow.

Switch modes to explore each way of creating.

The scene. Your reaction. One take.

Bring front and back perspectives into a single capture. Picture-in-picture, stacked and split layouts let the composition follow the story.

Photo / video · requires compatible dual-camera hardware
01Dual camera — The scene. Your reaction. One take.
INTERACTIVE / 01

One moment. Two perspectives.

From slide 36
Tongkuang: camera, design, development and release
↓ Scroll to unfold · ↑ Scroll back to rewind00%
INTERACTIVE / 02

From one camera to the full picture.

From slides 39–40
Tongkuang: camera, design, development and release
↓ Scroll to unfold · ↑ Scroll back to rewind00%
03 / THE FILM

The story behind Tongkuang.

The complete project film · 1 min 51 sec. Play to watch, or open fullscreen.

04 / THE PRESENTATION

From an idea to a released app.

The Tongkuang project presentation · all 43 slides, with the original content, transitions and animations. Open the deck below to explore.

TONGKUANG / 43 SLIDES

One app.
The whole process.

Idea · Design · Development · Release

Click to advance animations. Use arrow keys to navigate.Open in a new window ↗
05 / THE DETAILS

A closer look at the interface.

Original product screens. Select an image for a closer look.

Tongkuang product screen 1Tongkuang product screen 2Tongkuang product screen 3Tongkuang product screen 4Tongkuang product screen 5
06 / EXPLORE

Continue beyond the case study.

Product websiteInteractive showcase & platform downloads↗App StoreThe iPhone app↗GitHubWebsite source & public test releases↗

iOS is available on the App Store. Android is in Alpha; HarmonyOS currently provides a source preview. Dual-camera and background capture depend on the device and system. See the app and website for current availability.

Metadata
Last Updated
Oct 21, 2026
Dimensions
1×1
Characters
—
Links
Home
RedNoteBilibiliNetEase MusicYouTubeInstagramDouyin