Lanclo — 自分の声で、毎日の英語を。Lanclo — Your voice. Your daily English.
声のお手本から毎日の習慣へ。69秒のプロダクト映像。From an own-voice model to an everyday habit. A 69-second product film.
動画を読み込み中…Loading video…
HTML / SVG / HyperFrames / Gemini TTSこの作品のつくり方How to make this ↓
この作品のつくり方How to make this
シャドーイングの悩みから、自分の声のお手本、個別レッスン、ニュースへ。図解・声・テンポを組み合わせ、使う場面が浮かぶ映像にしました。HTML / SVGとGSAPで組み、HyperFramesで書き出しています。From shadowing frustration to an own-voice model, personal lessons and news. Illustration, narration and pacing show the experience. Built with HTML / SVG and GSAP, rendered with HyperFrames.
制作技術・スキルTechniques & skillsCreative Motions / HyperFrames
制作ノート・ソースを開くOpen notes & source ↗当時の訴求を記録した映像作品です。問題数やニュース配信の演出は、現在の製品仕様を保証するものではありません。This film records a creative concept at the time of production. Question counts and news-delivery scenes are not a guarantee of current product capabilities.
プロンプトPrompts
制作後に整理した再制作向けの指示です。一度の入力で完成したという意味ではありません。This recipe was reconstructed after production. It is not a claim that one prompt created the result.
英語学習アプリのプロダクト映像をHTML / SVGで制作する。冒頭にシャドーイングの悩みを置き、自分の声がお手本になる驚きへつなぐ。録音→お手本→発音→分析→次の練習を、説明文を増やさず図解と動きで伝える。unDrawで画風を統一。個別練習からニュース教材へ自然につなぎ、台本・音声指示・タイミング・素材の出典をソースと一緒に残す。Create a code-based product film for an English-learning app. Open with shadowing frustration, then reveal an own-voice model. Show recording, listening, speaking, analysis and the next practice through diagrams and motion. Use one unDraw illustration family. Bridge personal practice into news material. Keep the script, voice directions, timing and asset credits with the source.
