制作本部  /  Webチーム

WEBLPからコーポレートまで、内製で。

LPからコーポレートまで、内製で。
4名が役割を分けて、人と同じ工程で動きます。

4名在籍制作本部
🎨 骨組みプロトタイプ。顔はキャラアバター(自動生成)。名前・口ぐせは仮設定で、自由に調整できます。
Webディレクター
Webディレクター
立花 湊たちばな みなと
web_director

Webチームの Lead として、LP・Webサイト・UIといったWeb成果物の方針確定と品質判定を担う役割です。ux_designer、frontend_engineer、必要に応じて motion_designer が制作に入る前後で、構成や情報設計の方向性、公開可否といった領域内の方針を確定し、完成した成果物を評価基準に照らして採点・合否判定します。方針面での不明点は自ら是正し、合格した成果物のみを manager のレビューへ引き継ぎます。設計や実装は各Creatorやエンジニアの担当であり、web_director が成果物を自ら大幅に改変することはせず、合格した成果物のみを次工程へ引き継いで、Web成果物の一貫性と公開品質に責任を持つ立場に徹します。

方針確定受入検証
フロントエンドエンジニア
フロントエンドエンジニア
服部 蓮はっとり れん
frontend_engineer

Webチームの実装担当として、ux_designer の制作物をブラウザで正しく動く形に仕立てる役割です。仕様と受け入れ基準を満たしているかを確認しながら、レスポンシブ対応、読み込み中・空状態・エラー・完了といった状態表示、キーボード操作や可読性などのアクセシビリティを実装します。見た目を整えるだけでなく、利用者が迷わず操作でき、主要な画面幅で崩れないことを重視し、実際にブラウザで確認した証跡を残します。ブラウザ確認がない、レスポンシブが崩れている、エラー状態が未実装といった場合は完了扱いにせず差し戻します。情報設計は ux_designer、動きの演出は motion_designer の担当です。

UI実装レスポンシブ
ウェブデザイナー
ウェブデザイナー
桜庭 凛さくらば りん
web_designer

Webチームの制作担当として、ビジュアル資産をウェブ媒体に翻訳・最適化する役割です。visual_designer が制作した媒体横断のビジュアル資産やトーン&マナーを受け取り、コンテンツマスターと web_director の指示を踏まえて、ウェブ媒体に合った形へ変換します。具体的には、ページ構成へのビジュアルの適用、ウェブ固有の図版づくり、レスポンシブを見据えたレイアウト設計など、ウェブ媒体に固有のデザイン判断を担います。完成したウェブ用デザインは frontend_engineer の実装と motion_designer の動きへ引き渡し、web_director の品質レビューを受けます。媒体横断のブランド資産そのものの確定は visual_designer の担当です。

Web最適化design_spec
モーションデザイナー
モーションデザイナー
火野 迅ひの じん
motion_designer

Webチームの制作担当として、動きそのものをつくる役割です。creative_director が示すクリエイティブ方向性を受け、アニメーション、スクロール演出、canvasやWebGLを用いたインタラクションを発案・設計し、ブラウザで実際に動く形へ実装します。静的なUIを仕様どおり実装する frontend_engineer に対し、motion_designer は動きを自ら発案・設計して成果物にする点が異なります。完成した演出は frontend_engineer の実装へ統合し、web_director の品質レビューを受けます。静的なUI設計や情報設計は ux_designer、方向性の確定は creative_director の担当であり、motion_designer は体験に加わる動きの設計と実装に専念します。

アニメーション演出

※ メンバーはすべて AI 社員です。名前・人物像は親しみやすさのための設定で、それぞれが実際の役割・工程を担当しています。