CAMPUS
Webディレクター・デザイナー/プロデューサー。企画から設計、デザイン、公開まで。見た目と成果を、同じ手で作ります。
See the work まず、作品から。01 Stance
デザインは、 飾りじゃない。
Not decoration. Direction.
- a
誰に、何を。を先に決める。ピクセルを置くのは、その後。
- b
見た人が動くまでを設計する。問い合わせる、応募する、買う。そこまでがデザイン。
- c
企画・ディレクション・デザインを同じ手で。間に人を挟まないから、速くて、ぶれない。
What we do
002 — Services- 01
Web DesignWebサイト設計・デザイン
コーポレート・サービス・採用サイト。構成設計からビジュアル、実装ディレクションまで。
- 02
Landing PageLPデザイン
集客・採用・商品のLP。ファーストビューの一言から、行動までの流れを一枚で設計します。
- 03
Brand & Graphicブランド・グラフィック
ロゴ・トンマナ・会社案内・提案資料・バナー。Webと同じ手で、ブランドの見え方を揃えます。
- 04
Directionディレクション・プロデュース
企画、要件整理、制作進行、チームの手配。制作会社での進行経験を、そのまま持ち込みます。
003 How we work
企画から、公開まで。
誰に、何を届けるかを先に決める。
構成とデザインを、同じ手で組む。
初稿は48時間で出して、一緒に直していく。
公開の日まで、並走する。
From a brief to a launch.
Selected works
004 — Worksすべて架空のクライアントを設定した自主制作です。実案件と同じ手順で、Brief(依頼の設定)から作っています。行をクリックすると、設計の要点を開きます。
-
- Brief
- アオバ精工(架空・精密板金)。「図面1枚から」の試作依頼を、Web経由で増やしたい。
- 課題
- 強み(短納期・小ロット・測定データ添付)が技術用語に埋もれて、初見の担当者に届かない。
- 打ち手
- ファーストビューを「最短3営業日・図面1枚・1個から」の3つの数字に絞る。図面の計測パネルをモチーフに、信頼感を視覚で担保。CTAは「図面を送って見積もり」の1本。
3FVで伝える情報を、3つの数字に絞った




ホバーでページ全体をスクロール -
- Brief
- 同じアオバ精工。展示会で手渡す会社案内を、テンプレートから脱したい。
- 課題
- 1ページに情報を詰めすぎて、どこが強みか読み取れない。写真も少ない。
- 打ち手
- 明朝×図面モチーフで「精密」の空気を作り、1見開き1メッセージに再構成。数字と図面の線で余白を設計。全オブジェクト編集可の形で納品。
10ページ構成。1見開きにメッセージは1つ



-
- Brief
- 経営会議で配る月次品質レポート。3分で要点が伝わる形にしたい。
- 課題
- 本文が箇条書きの壁。数字が文章の中に埋もれ、先月との差も分からない。
- 打ち手
- 指標を3つに絞って大きく置き、比較は横棒に。見出し・本文・注記の階層を作って、1スライド1メッセージに。
3指標だけを主役にして、残りは注記に落とした


History
005 — Experience- NOWCAMPUS.Inc — 独立Web Director / Designer / ProducerIndependent
- 2 yrsSNSコンテンツ企画0 → 5万フォロワーContent
- 1 yrWebメディア記事の企画・構成Editorial
- 1 yrWeb制作会社を立ち上げ仲間と共同・企画と制作進行Founder
- 1.5 yrsWeb制作会社営業・ディレクション・制作進行Agency
Let's buildsomething real.
Reply日中3時間以内
First draft48時間以内
ScopeWeb・LP・ブランド・ディレクション
お問い合わせフォームへ ↓
Web・LP・ブランドのご相談、ディレクションのみのご依頼もどうぞ。クラウドワークス経由のご依頼はプロフィールから。
CAMPUS.Inc© 2026 CAMPUS.Inc — Tokyo, Japan