FLOW ANATOMY #12 — 1サイトを縦に解剖する
夜想 NOCTURNEは、
なぜまだ観たくなるのか。
技法は『点』、サイトは『線』。架空の近未来ノワール映画『夜想 -NOCTURNE-』のティザーサイトは、情報を出しきらないことで力を生みます。物語も予告編も、全部は見せない。あらすじの断片、キャストの名前、公開日までの残り時間──断片だけを提示して、観客の想像に残りを埋めさせる。これが映画ティザーの"引き"。公開前の期待と緊張感をどう設計するかを章ごとに解剖します。解説をスクロールすると、実物のライブプレビューが同じ場所まで自動でついてきます。
BLUEPRINT流れの設計図 — 章の役割と緩急
開幕→題字→質感の持続→物語の断片→キャスト→予告編→公開日→締め。全章が「まだ全部は見せない」という一つの態度で貫かれ、最後まで"引き"を落としません。
- 00LOADER暗転 — 題字だけを闇に灯す動
- 01HERO題字 — グリッチとカウントダウン動
- 02持続レイヤー常 — グレインと帯で"映画"を約束常
- 03STORY断片 — あらすじは途中で切る動
- 04CAST名前 — 顔は影、名だけを流す動
- 05TRAILER特報 — 一点に全期待を集める動
- 06INFO約束 — 公開日を大きく刻む動
- 07FOOTER余韻 — 題字を最後にもう一度動
暗転から、題字だけを灯す
狙い真っ黒な画面に「NOCTURNE」の題字が浮かび、細い進捗バーが伸びて静かに退場する。派手なスプラッシュではなく、劇場が暗転して予告編が始まる直前の"あの数秒"を再現する。情報を一切与えないこの空白が、最初の緊張をつくる。
つなぎまだ何も見せない。この禁欲的な開幕が「これは軽い広告ではない」という約束になり、続くヒーローの題字が現れた瞬間の効き目を最大化する。
題字は割れ、公開日は刻まれる
狙いCanvasで燃え上がる粒子が背景を漂い、題字「夜想」は赤と青にRGBスプリットしてグリッチで震える。その真下に公開日までの残り日・時・分・秒がリアルタイムで減っていくカウントダウン。「夜が明けない街で、彼女は最後の朝を探す。」という一行だけで世界観を提示する。
つなぎあらすじも予告も出さず、題字・一行・残り時間の三点だけ。減り続ける秒が「今しかない」という締切の緊張を生み、観客をその場に留める。ここで惹きつけたまま物語へ送り込む。
グレインと帯で、"映画"を約束しつづける
狙い全画面に薄いフィルムグレイン（ノイズ）とヴィネットが常時のっており、上下には黒いレターボックスの帯が固定される。加えて最上部の細い進捗バーが読み進めた距離を伝える。どのセクションを見ていても「これはWebでなく映画」という質感が消えない。
つなぎこの質感は全章を貫く持続レイヤー。個々のセクションが何であれ、粒子とグレインとシネスコの帯が"映画の予告を観ている"という前提を通底させ、内容以前に空気で没入させる。
顔は影に、名前だけを流す
狙いキャスト4名のカードがスクロールでリビールする。ポートレートは色調だけのシルエット（トーン違いの陰影）で、役名・和名・ローマ字を添える。下部ではスタッフのクレジットが無限マーキーで流れ続ける。誰が出るかは示すが、どう演じるかは見せない。
つなぎ顔をあえて塗りつぶすことで「本編で確かめたい」という欲を残す。流れ続けるクレジットは映画のエンドロールを思わせ、"作品の重み"を名前の量で暗示する。物語（03）で立てた興味を、人へと接続する。
特報の一点に、全期待を集める
狙いCanvasで生成された予告ポスターにスキャンライン（走査線）がかかり、大きな再生ボタンとタイムコード「00:00 / 00:58」「TEASER・特報」が添えられる。クリックするとモーダルが立ち上がり、REC表示・タイムコード・プログレスバー付きの偽の特報プレイヤーが再生される。サイト全体がこの一つの再生ボタンへ向かって設計されている。
つなぎここまでの断片（物語・キャスト）が積み上げた期待を、ただ一つの行動＝予告再生に集約する。モーダルという別レイヤーへ切り替える演出そのものが「特別な一本を観る」という儀式性を与える。
題字を、最後にもう一度だけ
狙いフッターでは題字「夜想 / NOCTURNE」が再びグリッチで震え、公開日・製作委員会クレジット・「架空デモである」旨の免責が締める。開幕（00）で灯した題字が、離脱の直前にもう一度観客の網膜に焼きつく。
つなぎ最初と最後を同じ題字で挟むことで、体験全体が一本の予告編として閉じる。全篇で維持したグレインとネオンの世界観が、最後のグリッチで余韻として残り、「あの映画」として記憶に残す。
TAKEAWAY"ティザー"でつくる引きの5原則
夜想 NOCTURNEから取り出せる、映画・イベント・製品ローンチなど「公開前」を演出する全サイトに持ち帰れる設計則。#02 説得・#04 足し算 など他の作法と読み比べると、同じ技法が目的によってまったく異なる位置に使われていることが分かります。
引き算で情報を出す
あらすじは途中で切り、キャストの顔は影にする。全部見せれば観る理由が消える。断片だけを渡して残りを想像に埋めさせることが、公開前サイトの最大の武器。
カウントダウンで締切を可視化する
減り続ける秒は「今しかない」という緊張を生む。曖昧な"近日公開"より、リアルタイムで刻む残り時間のほうが、待つ理由と行動の起点になる。
質感で"本物"を約束する
グレイン・ヴィネット・レターボックスの帯を全篇に敷く。内容以前に、空気で「これは映画だ」と信じさせる。質感は最も低コストで没入を生む持続レイヤー。
行動を一点に集める
物語もキャストも、最後は「予告を再生する」という一つのボタンへ収束させる。導線を散らさず、積み上げた期待を単一の儀式的アクションに変換する。
着地点を明確に約束する
引きで高めた期待には「いつ・どこで」が要る。日付を大きく確定させることで、宙づりの緊張を「その日を待つ」という具体的な行動へ着地させる。