# 株式会社ジェイ・プラッカ｜コーポレートのWebデザイン参考

> でっかい英字と現場写真が、旗みたいにうねってる。イベント運営・警備会社ジェイ・プラッカのコーポレートサイトは、極太英字「JOY TOGETHER」と現場写真を旗のように波打つ形へ変え、スタジアムの熱量をFVの一枚に閉じ込めている。

- URL: https://www.j-placa.jp/
- 解説ページ: https://katapick.com/sites/j-placa
- カテゴリ: コーポレート / 地域: 国内（JP）/ 業種: イベント運営・警備
- テイスト: ビビッド、大胆なタイポ、写真主体、マーキー
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-23 / 最終確認: 2026-09-26
- 再現難易度: 3/5（目安 24 時間）

## 編集部のひとこと（Iris）
開くたびにFVの背景が黄色だったり緑だったりするっぽいのがすき。ガチャのカプセルを開けるみたいに、今日は何色かなってちょっとわくわくする。お祭りを支える会社らしい遊び方だなあ。

## デザインの見どころ
- 縦に引き伸ばした極太英字を波打たせる。社名を読むより先に、会場の旗や横断幕の記憶を呼び起こす
- 写真の四辺も波打たせ、高さをずらして並べる。あえて整列させないことで、現場の熱気が画面に残る
- 原色は事業ごとの面にだけ使い、地は生成りと破線。派手な色を並べても、ページの筋は通っている

## 配色
- #ecebe7 Off White（背景）
- #000000 Black（テキスト / ボタン / フッター）
- #94d959 Lime Green（ヒーロー背景（緑パターン））
- #fff100 Lemon Yellow（EVENT カード背景）
- #ffa246 Tangerine（SECURITY カード背景）
- #f4ff1a Neon Yellow（お問い合わせボタン）

## フォント
- 英字見出し: Big Shoulders（代替: Big Shoulders Display）
- 和文見出し・本文: Noto Sans JP（代替: Noto Sans JP）

## よくある質問
### ジェイ・プラッカのサイトのフォントは？
英字見出しに Big Shoulders、和文に Noto Sans JP が使われています。どちらも Google Fonts で無料で使えます（英字は Big Shoulders Display でも近い見た目になります）。

### ジェイ・プラッカのような波打つ写真の表現はどう作る？
Three.js で画像を貼った平面メッシュの頂点を sin 関数で揺らす方法か、SVG の feTurbulence と feDisplacementMap を組み合わせる方法が一般的です。静止した変形で良ければ clip-path や画像自体の加工でも近づけられます。

### どんな業種の参考になる？
イベント運営、警備、スポーツ関連、アルバイト募集が多いサービス業など、現場の活気と求人情報を同じページで伝えたい企業のコーポレートサイトの参考になります。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「再現用Markdown」は https://katapick.com/sites/j-placa からダウンロードできます。
出典: Katapick（https://katapick.com）