Works
web
カムストック
公開：2025年5月3日
制作範囲：企画 / ライティング(一部) / サイトデザイン / 実装
使用ツール：Illustrator / Photoshop / Figma / STUDIO
【概要】
演劇・ミュージカル・イベントの音響を専門とし、機材レンタルも行っている有限会社カムストックのコーポレートサイトを新規制作。
従来のホームページが消失してしまったため、仕事の依頼・機材レンタル・採用情報の窓口として機能する新しいサイトを構築した。
派手なプロモーションサイトではなく「必要な人に届くための補助的存在」としての役割を担うことを意識した。
【課題と目的】
・旧サイトが消失し、連絡窓口がなくなってしまった状況の改善。
・積極的な営業目的ではなく、必要な方への連絡手段の提供。
・機材レンタルについては在庫やスケジュールとの兼ね合いがあるため、ECサイト的な即時貸し出しではなく、まずは「問い合わせを通じて対応」できる構造に。
・採用情報を掲載し、社員募集のきっかけとなる場の提供。
【ターゲット】
・演劇・ミュージカル・イベント業界で活動する演出家、舞台監督、制作担当者など。
・舞台音響に関わる現場経験者や、プロの音響家を志す若手技術者。
・年代・性別問わず、舞台の裏方として働く・関わる意欲のある方。
【情報設計】
・フッターには大きく「Contact」ボタンを配置し、サイト全体からの問い合わせ導線を明確に確保。
・「Information」の更新情報はCMSで管理。
・フォームはラジオボタンで各目的を選べるようにした。
【デザイン】
◼︎写真◼︎
現場の臨場感を伝えるため、バックステージの風景や実際の機材写真を中心に使用。
一般の人には見えにくい「職人の世界」を伝えるビジュアルで、リアルな魅力を表現した。
◼︎フォント◼︎
Roboto、noto sans JP、Playfair Display
見やすさを最重視しつつ、モダンで無機質になりすぎないバランスを意識した。
◼︎カラー◼︎
舞台裏の環境をイメージしたブラックとネイビーをメインカラーに設定。
アクセントには、暗がりの中で機材のスイッチが光るような蛍光ブルーを使用。
サイト内のボタンはPA卓のフェーダーをイメージしたデザインで統一した。
-
背景
#EEF0F0 -
背景・文字
#0C2939 -
背景
#222329 -
背景
#000000 -
アクセント
#47FCFF
【運用】
・CMSにて「Information」を、機材に関してはSTUDIOのリストで更新しやすい形式にした。
・クライアントが自ら更新できるよう、操作マニュアル（更新説明書）を制作・納品。
・情報追加やレイアウトの変更が発生しても、最小限の工数で対応可能な柔軟性を確保。
