CAMPUS

Webディレクター・デザイナー／プロデューサー。企画から設計、デザイン、公開まで。見た目と成果を、同じ手で作ります。

See the work まず、作品から。

01 Stance

デザインは、飾りじゃない。

Not decoration. Direction.

a
誰に、何を。を先に決める。ピクセルを置くのは、その後。
b
見た人が動くまでを設計する。問い合わせる、応募する、買う。そこまでがデザイン。
c
企画・ディレクション・デザインを同じ手で。間に人を挟まないから、速くて、ぶれない。

What we do

002 — Services

01
Web DesignWebサイト設計・デザイン
コーポレート・サービス・採用サイト。構成設計・デザインから、WordPress での構築・公開まで。
02
Landing PageLPデザイン
集客・採用・商品のLP。ファーストビューの一言から行動までの流れを一枚で設計し、公開と計測（GA4）まで対応します。
03
Brand & Graphicブランド・グラフィック
ロゴ・トンマナ・会社案内・提案資料・バナー。Webと同じ手で、ブランドの見え方を揃えます。
04
Directionディレクション・プロデュース
企画、要件整理、制作進行、チームの手配。制作会社での進行経験を、そのまま持ち込みます。

003 How we work

企画から、公開まで。

誰に、何を届けるかを先に決める。
構成とデザインを、同じ手で組む。
初稿は48時間で出して、一緒に直していく。
公開の日まで、並走する。

From a brief to a launch.

Selected works

004 — Works

副業先 Helix Medica の実案件です。企画・言語化からデザイン、構築・公開まで担当しました。行をクリックすると、設計の要点を開きます。

Brief
副業先の Helix Medica（採用・組織支援とマーケティング支援）。コーポレートサイトを刷新したい。

課題
前のサイトは見た目を整えただけで、何をする会社か伝わらない。2つの事業を1つの考え方で語る言葉がなく、お知らせも自分たちで更新できない。

打ち手
代表へのヒアリングを3回重ねて理念を「まだ言葉になっていないことを、言葉にする。（Unsaid.）」に。全9ページの文言を構成案で確定してからデザインし、スクロールで文字のピントが合う演出で「言葉にする」を表現。WordPress のオリジナルテーマで構築し、フォーム・お知らせの更新・SSL・検索エンジンへの登録・計測の引き継ぎまで公開の日に済ませた。

8日。着手から公開まで（全9ページ）

ホバーでページをスクロール／ helixmedica.co.jp ↗
Brief
同じ Helix Medica の、制作代理店さま向けの外注サービス。LP から相談の予約を増やしたい。

課題
今の LP は流れや価格を説明しているが、読んだ担当者が「自分のことだ」と感じる入口がない。

打ち手
代理店の外注の悩みを調べ（募集条件29件・伸びている下請け16社）、芯を「外に出した仕事が、担当者に戻ってくる」と言葉に。その場面の心の声を1行ずつ映像のように流し、暗転のあと一言と予約ボタン1つだけを出す構成にした。実装・公開・GA4 の計測と、今の LP との A/B/C テストの設計まで担当。

1つのボタンだけ。説明せず、共感で予約へ

agency.helixmedica.co.jp/c/ ↗（音なし・約10秒の映像型）