01 / ATTRACT
止める。
巨大な形、光、余白、音のない緊張感。最初の3秒で「ほかと違う」と理解させます。
WORLD ENGINE / GPU-DRIVEN PORTFOLIO
BREAK
THE
LIMIT.
売れる情報設計と、触れた瞬間に記憶へ残るリアルタイム表現。Web、3D、モーション、AI映像を一つの世界として設計します。
14+PUBLIC WORLDS
04VISUAL SYSTEMS
60FPS TARGET
01 / OPERATING PRINCIPLE
美しさを、
成果へ変換する。
派手な演出は入口にすぎません。画面を止め、価値を伝え、熱量が高まった瞬間に行動へつなげる。世界観と成果を分けずに設計します。
02 / EXPLAIN
伝える。
強み・違い・証拠を迷わない順番へ。デザインが情報を隠すのではなく、理解を加速させます。
03 / CONVERT
動かす。
世界観を壊さず、相談・予約・購入へ。CTAまでを一つの体験としてつなげます。
02 / SELECTED WORLDS
CASES,
NOT CARDS.
作品を小さなカードへ閉じ込めず、案件ごとに色、光、速度、空気まで切り替える。スクロールするたびに別の世界へ移動します。AO・NAGI・YŌHAKUは自主制作のコンセプトワーク、最後のLOA NAILは実案件です。
HORIZON / 34.891°N
01
01 / HOSPITALITYIZU / JAPAN
静けさの中へ
02
02 / RYOKANSETOUCHI / JAPAN
GL-04 / 1:100
03
03 / ARCHITECTURETOKYO / JAPAN
04
04 / REAL CLIENT WORK ─ 実案件NAIL SALON / JAPAN
LOA
実在するネイルサロンの集客LP。ヒアリングから情報設計、デザイン、実装、公開まで、すべての工程を一貫して担当しました。スマートフォンからメニュー・料金・施術事例・予約まで、迷わず進める導線を構築しています。
OPEN LIVE SITE ↗
LTX-VIDEOWAN 2.2
03 / MOTION LAB ─ AI映像研究SAME IMAGE / SAME PROMPT
AI MOTION STUDY / WATERCOLOUR OCEAN
IMAGE
BECOMES
WORLD.
静止画から、波、クジラ、夕焼けへ。同じ入力でもモデルによって生まれる動きは変わる。AI映像も比較検証し、Web体験の素材として統合します。
04 / SPATIAL ARCHIVE ─ その他の作品
ALL
WORLDS.
残りの作品は、奥行きのあるアーカイブとして横断できます。ドラッグまたは横スクロールで移動してください。
04BEAUTY CLINIC
LUCE
白と金、静かな高級感。
05RECOVERY SERVICE
RAKUSUTE
信頼と即時CVを両立。
06FACTORY RECRUIT
AOBA
町工場の採用ブランド。
07DENTAL CLINIC
KOMOREBI
安心感と予約の分かりやすさ。
08BUYBACK STORE
KAITORINO
LINE査定への最短導線。
09WEDDINGMAISON
MAISON
BLANCHE
余韻を残すウェディング。
10ACCOUNTING
AOZORA
誠実さを軽やかに。
11CAFE
HIDAMARI
香りと光のエディトリアル。
12WEBGL CONCEPT
AETHER
限界まで振り切った3D実験。
13iOS APPAPP
APP
WORKS
アプリの価値を一画面で。
14PET GROOMING
PONO
1日4組、完全貸切の余白。
15TUTORING SCHOOL
MIRAIZ
保護者の不安に応える構成。
16SEITAI CLINIC
KAEDE
根本改善への静かな信頼。
17AI BOOKKEEPING
KICHO
AI×簿記、自社サービスLP。
DRAG / SCROLL →VIEW FULL PORTFOLIO ↗
05 / PROCESS ─ ご依頼の流れ
FROM
BRIEF
TO LAUNCH.
ご依頼から公開までは、この5ステップ。各工程で画面をご確認いただきながら、一本の流れで進めます。
目的を整理
目的・顧客・競合を整理。
構成を設計
情報の順番と導線を設計。
世界観を制作
デザイン・3D・モーション。
実装・軽量化
レスポンシブと速度を調整。
公開・改善
公開設定と動作確認まで。
06 / REAL USE ─ 実運用への対応
派手さの、
裏側まで。
同じ体験をすべての端末へ押しつけません。端末性能や視差効果設定に合わせて描画を変え、演出が止まっても情報と導線は止めません。
AETHER CORE / ADAPTIVE QUALITY
60FPS / LIVE
07 / ABOUT ─ プロフィール
ONE
MAKER.
SHO431WEB DESIGNER / CREATIVE DEVELOPER ─ JAPAN
情報設計、Webデザイン、フロントエンド実装、3D・モーション、AIビジュアル制作までを一人で一貫対応。小規模事業者の集客LPから、ブランドサイト、採用サイト、実験的なWebGL表現まで制作しています。
対応範囲LP / ブランドサイト / 採用サイト / 3D・モーション演出
使用技術HTML / CSS / JavaScript / WebGL / Canvas / AI画像・映像
制作期間の目安LPは1〜3週間（内容・素材の状況により調整）
進め方各工程で画面をご確認いただきながら進行・修正
公開対応Cloudflare Pages等への公開設定まで対応
対応形態オンライン完結（全国対応）
予算の目安シンプルLP：3万円台〜
オリジナルデザインLP：個別お見積り
3D・モーション演出：個別お見積り
オリジナルデザインLP：個別お見積り
3D・モーション演出：個別お見積り
08 / FAQ ─ よくある質問
FAQ.
Q-01内容が固まっていなくても依頼できますか？＋
可能です。目的、届けたい相手、最終的な行動から逆算して構成を整理します。
Q-023Dや動画で重くなりませんか？＋
動画圧縮、遅延読込、端末別描画、静止画フォールバックを組み合わせ、見た目と実用性を両立します。
Q-03公開作業まで対応できますか？＋
Cloudflare Pagesなど、静的サイト向けの公開データまで整えます。
09 / CONTACT ─ YOUR WORLD STARTS HERE.
LET'S BUILD
SOMETHING
FELT.
業種、目的、希望時期、参考URLを分かる範囲で送ってください。情報が未整理でも大丈夫です。
STARTA PROJECT ↗jiuyejiang3@gmail.com