本文へ移動
ZFILMS©
ASIA/TOKYO00:00:00
IVS Event Frontend

{ 4S }

Web · 2026

View live ↗

IVS Event Frontend

IVS2026のセッション、登壇者、会場マップ、Q&A、アンケートを一つにつないだ公式イベントサイト。来場者が迷わず情報へたどり着ける公開画面と、運営チームが当日の変更へ即応できる制作・管理基盤をZFILMSが設計・実装した。

関連するサービス
Services
DesignFrontendCMSAI Pipeline
Client
4S
Production
ZFILMS
Year
2026
SPEAKERS505
BOOTHS / 3 DAYS384
DAY 1 SESSIONS53
VISUAL FORMATS11

一つの更新を、会場で必要なすべてのビジュアルへ

セッション情報を一度更新すると、Webの告知カード、登壇者画像、会場掲示、A2印刷ポスターまで同じ内容で展開される。直前の登壇者変更や時刻修正でも、媒体ごとの手作業と表記ずれを減らし、運営が判断と確認に集中できる制作フローを構築した。

実装の現物 — セッション情報から、SNS・会場掲示・印刷物まで

ONE SESSION特別対談
ドグー・インドラ
× 金剛力士
DATE7/01TIME14:00–15:00STAGESOUTH HALL
3 speakers
SINGLE SOURCE
01SNS SESSION CARD告知・シェア
● SESSIONIVS 2026 KYOTO
DATE7/01TIME14:00STAGESOUTH
特別対談
ドグー・インドラ × 金剛力士
ドグー・インドラ金剛力士 阿吽
READY ✓
02VENUE SIGNAGE会場掲示 · 9枚
SSOUTH HALL
DAY 1 · 7/01
IVS2026 · A1 VENUE BOARD
READY ✓
03SPEAKER VISUAL登壇者告知
#atIVS2026
ドグー・インドラIVSで、闘いたい
READY ✓

一つのセッション情報から、SNSカード・会場掲示・登壇者ビジュアルを同時に制作

// WORKFLOW 一つの情報が複数の判型へ展開され、確認後にステージ別データとしてまとまる流れをモーショングラフィックスで再現。

実装の現物 — #atIVS カードジェネレーター

本番の #atIVS ジェネレータをそのまま動かすデモ。4S リンクを貼ってスタンスを選ぶと、3:4 (900×1200) の 参加表明カードがその場で組み上がる。プロフィールは本番と同じ 4S 公開 API から取得している。

01
PASTE YOUR 4S LINK4s.link の URL または slug を貼る
URL / SLUG
02
PICK YOUR STANCE8 つから 1 つ選ぶ
IVSで、0/22

↑ ここに書くと BURN MODE (自由記述)。8 スタンスのどれかを押すと戻る。

03
PREVIEW & SHARE3:4 縦長ビジュアル (900×1200)

GET /ativs/asao/og?stance=fundraisehttps://ivs.4s.link

#IVS使
#atIVS
IVS2026
KYOTO / 2026.07.01—03VOL.01
A
asao
IVSで、
資金集めたい
FUNDRAISECAPITAL
4S.LINK / ASAO

ブラウザ再現。本番の OG 生成はサーバ側 (next/og + Satori + sharp) で走る。ここでは同じ組版規則— 900×1200 の px 定数・IVS ステージカラー・氏名/主見出しのサイズ計算式・ 経歴レイアウト 3 パターン・同じ書体 (Antonio / Zen Kaku Gothic Antique 900) — を DOM で組み直している。 本物の PNG が要るなら 「本番サーバで焼く」を押す。

// DEMO 4Sリンクとスタンスを選ぶだけで、名前・所属・プロフィールを読みやすく組んだ3:4カードをその場で生成できる。

来場者が、いま必要な情報へすぐ届く

タイムテーブル、登壇者検索、会場マップ、Startup Marketを共通の情報設計で統合。スマートフォンでも「次にどこへ行くか」「誰が登壇するか」「目当ての企業はどこか」を短い操作で確認できるようにした。

IVS2026 会場マップOPEN ↗

// LIVE 会場を拡大・移動しながら、各エリアと部屋を確認できる実際のマップ。

実装の現物 — Startup Market — 384出展枠を検索・絞り込み

IVS2026 Startup Market の出展社 384 件 (物理小間 128 × 出展日 3 日 — 出展は日替わり) を、本番と同じ複合フィルタで自動巡回して点灯するデモ。DAY・PHASE・領域が順に 絞り込まれ、一致した小間がコマ番号ごと波状に点く。触れば手動操作に切り替わる。

IVS2026 / KYOTOSTARTUP MARKET
7/1水曜日DAY1128 社出展
21 / 128
PHASE
領域
自動巡回中 · 領域 · 教育・エンタメ
SA-1 — 株式会社アークエッジ・スペース1SA-2 — トレーダム株式会社2SA-3 — 株式会社FUNDiT3SA-4 — Green Carbon株式会社4SA-5 — 株式会社Recho5SA-6 — タッチスポット株式会社6SA-7 — 株式会社リングブル7SA-8 — JPYC株式会社8SA-9 — LAPRAS株式会社9SA-10 — forest株式会社10SA-11 — 株式会社HARTi11SA-12 — 株式会社 Integral Geometry Science12SA-13 — 株式会社Sales Marker13SA-14 — 株式会社あかり保証14SA-15 — 株式会社Elith15SA-16 — 株式会社ZetaX16SA-17 — 株式会社zooba17SA-18 — 株式会社TAIAN18SA-19 — 株式会社tamateco19SA-20 — 株式会社UMIAILE20SA-21 — 株式会社inprog21SA-22 — 株式会社Space Quarters22SA-23 — 株式会社MUSE23SA-24 — 株式会社ロボトラック24SA-25 — PDOLE株式会社25SA-26 — TechNoam株式会社26SA-27 — Mapfolio and InvoiceIn6027SA-28 — 株式会社FEIDIAS28SA-29 — 株式会社シルバコンパス29SA-30 — 株式会社mog30SA-31 — HANAMII株式会社31SA-32 — 建設ロボティクス株式会社32SA-33 — 株式会社キシブル33SA-34 — 株式会社Gab34SA-35 — カサナレ株式会社35SA-36 — 株式会社ジョシュ36SA-37 — 株式会社Things37SA-38 — KUROFUNE株式会社38SA-39 — 株式会社NINAITE39SA-40 — 株式会社モッチハック40SA-41 — Kanaria Tech株式会社41SA-42 — 株式会社SYSLEA42SA-43 — 株式会社Reelu43SA-44 — 株式会社モカブル44SB-1 — 株式会社VESS Labs1SB-2 — 株式会社Smooth2SB-3 — 株式会社Jamm3SB-4 — バリュートープ株式会社4SB-5 — 株式会社Rhelixa5SB-6 — プロップス株式会社6SB-7 — 株式会社コーシェリジャパン7SB-8 — SUSHI TOP MARKETING株式会社8SB-9 — 株式会社Initial S9SB-10 — Contrea株式会社10SB-11 — OneBox株式会社11SB-12 — 株式会社衝動12SB-13 — 株式会社LYMO13SB-14 — 株式会社RAYVEN14SB-15 — 株式会社RemitAid15SB-16 — 日本GXグループ株式会社16SB-17 — 株式会社YOHAKU Ai17SB-18 — 株式会社harmony18SB-19 — CiPPo株式会社19SB-20 — amu株式会社20SB-21 — 株式会社Essen21SB-22 — 株式会社フライル22SB-23 — ThePlato Inc. (Tiro)23SB-24 — 株式会社Blue Water Energy24SB-25 — 株式会社Sally25SB-26 — セールスブレイン株式会社26SB-27 — deex株式会社27SB-28 — 株式会社KiZUKAI28SB-29 — 株式会社TWO29SB-30 — 株式会社INDX30SB-31 — 株式会社Tablecheck31SB-32 — 株式会社Teach32SB-33 — あたらしいインターネット株式会社33SB-34 — 株式会社iiba34SB-35 — ハイファイ株式会社35SB-36 — 株式会社スクールウィズ(TEPPEN ENGLISH)36SB-37 — ファンピッキング株式会社37SB-38 — エグゼヴィータ株式会社38SB-39 — Otaac(オターク)株式会社39SB-40 — 株式会社MUFASA Technology40SB-41 — 株式会社RePlayce41SB-42 — 株式会社ソラリス42SB-43 — ACTIOPORT PTE. LTD. (enavle)43SB-44 — JVR株式会社44SC-1 — Datumo1SC-2 — Contents Lab. Blue Tokyo2SC-3 — Willog Co., Ltd.3SC-4 — Realdraw Inc.4SC-5 — amondzlab5SC-6 — SCATTERX Co.,Ltd.6SC-7 — XL87SC-8 — SnE Company Corporation8SC-9 — UCWARE9SC-10 — PION CORPORATION10SC-11 — Satelyx11SC-12 — Icarus12SC-13 — Omnichat13SC-14 — Omnichat14SC-15 — KopherBit Co., Ltd.15SC-16 — Summys16SC-17 — She Nicest17SC-18 — Return Helper18SC-19 — BarkingDog Technology INC.19SC-20 — MaiAgent20SC-21 — HiDock LLC21SC-22 — modonut Tech., Ltd., Co.22SC-23 — Reela AI23SC-24 — Agentic Universe (Formi)24SC-25 — QUICKCEP TECHNOLOGY PTE. LTD.25SC-26 — WaytoAGI26SC-27 — Scriben AI27SC-28 — INSPAY28SC-29 — MLR srl29SC-30 — 株式会社mediVR30SC-31 — 株式会社イムノセンス31SC-32 — A-wave株式会社32SC-33 — 株式会社IDEABLE WORKS33SC-34 — SecureNavi株式会社34SC-35 — 株式会社Sunda Technology Global35SC-36 — 株式会社FiT36SC-37 — アトモフ株式会社37SC-38 — 株式会社エネコートテクノロジーズ38SC-39 — 株式会社Atomis39SC-40 — 株式会社FLOSFIA40
SA-11株式会社HARTi教育・エンタメSeries A

限定デザインのフレームで、ここでしか撮れない一枚を。

外部株主株式会社グッドスマイルカンパニー / 株式会社サイバーエージェント・キャピタル / スタートアップファクトリー1号有限責任事業組合 / 株式会社丹青社

公式サイト ↗

SA3

SB8

SC10

DATA — ivs-cms content/startup-market.json (384 件) / 小間座標は lib/startupZoneMap.ts の実測 128 小間。件数・chip・地図の点灯は すべてこの実データに対する filter の結果で、演出用の数字は 1 つも無い。

// DEMO 日程、事業フェーズ、領域、社名から候補を絞ると、該当ブースが会場図上で点灯する。

EVENT EXPERIENCE

ivs.4s.link/timetable
タイムテーブル▲▼ auto-scroll
タイムテーブルOPEN LIVE ↗

時刻とステージを一画面で比較し、表示形式を切り替えながら、タグや登壇者名で全セッションを検索できる。

ivs.4s.link/speakers
登壇者ディレクトリ▲▼ auto-scroll
登壇者ディレクトリOPEN LIVE ↗

505名の登壇者を、名前、会社、役職、テーマから横断検索。セッションを探す前の入口としても機能する。

会場の声を拾い、主催の進行と同期するライブQ&A

参加者は匿名で質問、返信、リアクション、投票ができ、主催は注目質問を登壇画面へ取り上げられる。通信が集中する会場でも負荷を抑え、スマートフォンを閉じて再び開いた際には最新状態へ追いつく。主催が表示を切り替えると、参加者の画面も同じ進行へ同期する。

実演 — 固有機能をそのまま動かす

// LIVE DEMO — 実挙動の再現

主催の画面切替に全端末が追従

誤操作を防ぐ確認を挟み、会場全体の表示を同じ進行へ揃える。

// LIVE DEMO — 実挙動の再現

主催者だけが使える進行操作

セッションごとの認証により、公開画面と運営操作を安全に分離する。

一票の熱量と、投票数の信頼性を両立する評価

セッション後の評価は、😍・😊・😐の三段階で迷わず回答できる。集計では評価の高さだけでなく投票数と会場全体の傾向も考慮し、少数票だけで順位が過度に跳ねないよう補正。回答者の匿名性を守りながら、登壇者への公平なフィードバックと表彰に活用した。

実装の現物 — 投票から集計、順位確定まで

WORKFLOW集計の4工程

会場のライブ投票と登壇者評価を、本番の集計アルゴリズムでその場で計算するデモ

// WORKFLOW 票が増えるにつれて評価の信頼度が高まり、ランキングが滑らかに組み替わる流れを触って確認できる。

実装の現物 — ポジティブな回答を、その場の祝祭へ

BRANCH誰が祝祭を見るか

1 / 3
ドグー・インドラドグー・インドラDOGU INDRAFounder & CEO

このスピーカーの登壇はどうでしたか?

評価を選ぶと、その場で記録。😍を選んだ瞬間だけ会場体験を祝祭へ変える

// DEMO 最高評価を選んだ瞬間だけ現れる演出。集計だけで終わらず、回答行為そのものに小さな高揚を返す。

DELIVERED

01

統一されたイベント情報

セッション、登壇者、会場、出展者の情報を一元化し、公開画面と運営画面の食い違いを抑えた。

02

11種の告知ビジュアル

SNSカード、登壇者画像、タイムテーブル、会場掲示などを同じデータから生成し、急な変更にも対応。

03

印刷物まで同じ制作フロー

Web用の情報からA2ポスターとステージ別掲示データまで展開し、媒体ごとの再入力をなくした。

04

ライブQ&Aと投票

匿名の質問、返信、リアクション、選択式投票をセッション内に統合。主催による進行操作も同じ画面で行える。

05

登壇者評価と表彰

回答しやすい三段階評価を、投票数と会場傾向を踏まえて集計し、公平なフィードバックへ変換。

06

セッション記録の再利用

約250時間の収録素材をセッション単位に整理し、書き起こし、概要、記事制作へつなげる運用基盤を用意した。

START A PROJECT

この作品のような企画を、
次の事業課題へ。

閲覧中の作品情報を引き継いだ状態で、目的・媒体・ご予算から制作範囲を整理できます。

この作品をもとに相談する
Next project4S Referral Network4S · 2026