UI walkthrough

LOHAS CARE app

Six onboarding steps for a glucose meter, one screen and one caption at a time.

UIDevice mockup

Scene by scene

Select a scene to jump to it.

About this film

A 15-second app walkthrough built from real product screens. One phone stays in place while six numbered steps change the screen and the caption beside it, from an empty health record to a seven-day streak chart.

Client: LOHAS CARE 樂活照護
Category: UI walkthrough
Length: 0:15
Resolution: 1280 × 720 · 30 fps
Made with: Claude Code + Mografy

Starter prompt

Create a 15-second 16:9 app walkthrough for the LOHAS CARE glucose feature, built from the supplied app screens. One phone mockup stays on the left; a numbered caption sits on the right with a six-segment progress bar under it. Two seconds per step: 01 Tap + to begin — Start your first health record. 02 Choose a meter — Pick your glucose meter. 03 Pair in seconds — Connects to GM-700SB automatically. 04 Measure instantly — Results sync straight to the app. (Count the reading up to 90 mg/dL.) 05 Earn rewards — Points for every check-in. 06 7 days in a row — Measure daily and build a healthy habit. (Draw the weekly line chart in.) End on the LOHAS CARE logo with "Your daily health companion." Soft blush background and a coral accent. Screens change with a quick vertical slide; caption text blurs in.

Paste it into Claude Code or Codex with Mografy open, then swap in your own brand, copy and length.

Set up Mografy