15 Templates / 5 Directions
何を伝えたいかで、
デザインを選ぶ。
Design Comparison
何を伝えたいかで、
デザインを選ぶ。
各デザインの「与える印象」「表現上の強み」「向いている案件」を整理しました。業種が違っても、目的が近ければ有力な候補になります。
信頼
情報を整理し、相手が迷わず判断できる状態へ。落ち着きと品質を優先する案件に。
01BtoB / SaaS
modernモダン
知的で静かな先進性。
余白とセリフ体で、複雑なサービスを落ち着いて理解できる順番に整えます。
静かな信頼 / 余白 / 編集的
向いている案件BtoB SaaS・新規事業・コンサルティング
プレビューを見る ↗
02Hospitality / Luxury
premiumプレミアム
体験の格を、言葉より先に伝える。
大きな写真とゆっくりした間で、価格ではなく滞在や商品の価値を印象づけます。
上質 / 写真主役 / 余韻
向いている案件高級ホテル・不動産・ラグジュアリーブランド
プレビューを見る ↗
03Education / Product
materialマテリアル
親しみやすく、迷わせない。
明快な階層と動きのある面表現で、機能や学習フローを直感的に伝えます。
明快 / 親しみ / 操作性
向いている案件教育・アプリ・生活サービス・公共サービス
プレビューを見る ↗物語
完成形だけでなく、考え方やつくり手の姿勢まで。理解と共感を深めたい案件に。
04Architecture / Studio
editorialエディトリアル
思想を、読み進めたくなる形へ。
雑誌のような組版と写真のリズムで、実績の背景や設計思想まで深く伝えます。
知性 / 読み物 / 大胆な組版
向いている案件建築・クリエイティブスタジオ・研究・文化事業
プレビューを見る ↗
05Publishing / Craft
paperペーパー
丁寧さと手触りを感じさせる。
紙面を思わせる静かな質感で、言葉、素材、制作工程へのこだわりを届けます。
誠実 / 手仕事 / 温度感
向いている案件出版・工芸・食品・地域ブランド・記念事業
プレビューを見る ↗
06Food / Lifestyle
retroレトロ
懐かしさで、ブランドとの距離を縮める。
記憶にある色や書体を現代的に再構成し、親しみと楽しさを同時につくります。
親近感 / 懐かしさ / 楽しさ
向いている案件飲食・観光・ライフスタイル・周年企画
プレビューを見る ↗個性
一目で違いをつくり、企画の姿勢や熱量を強く打ち出す。競合との差を明確にしたい案件に。
07Recruit / Culture
bentoベントー
多い情報を、楽しく見渡せる。
大小のブロックで人、文化、数字を整理し、情報量が多くても軽快に読ませます。
活気 / モジュール / 情報整理
向いている案件採用・組織紹介・コミュニティ・複合サービス
プレビューを見る ↗
08Art / Culture
brutalismブルータリズム
整えすぎず、姿勢を正面から示す。
太い境界線と生々しい組版で、企画の意志、反骨性、現場の熱を強く残します。
挑発的 / 生々しさ / 強い主張
向いている案件アート・音楽・イベント・若者向けブランド
プレビューを見る ↗
09Music / Night Event
neonネオン
熱量と高揚感を、一瞬で伝える。
暗い画面に発光色と動きを集中させ、日時、出演者、会場への期待を高めます。
高揚感 / 発光 / スピード
向いている案件音楽・ゲーム・ナイトイベント・テックイベント
プレビューを見る ↗没入
情報を読むだけでなく、その場の空気や仕組みを疑似体験させる。没入感が価値になる案件に。
10Wellness / Beauty
glassmorphismグラスモーフィズム
透明感と奥行きで、心地よさを伝える。
透ける層、柔らかな光、ゆっくりした動きで、清潔感とリラックスした空気をつくります。
透明感 / 癒し / 軽やかさ
向いている案件美容・ウェルネス・医療・高機能プロダクト
プレビューを見る ↗
11Cloud / Infrastructure
enterpriseエンタープライズ
複雑さを、運用できる安心感へ。
高密度な情報と監視画面の文法で、大規模な仕組みを扱える専門性と堅牢性を示します。
専門性 / 高密度 / 堅牢
向いている案件クラウド・セキュリティ・金融・業務基盤
プレビューを見る ↗
12Exhibition / Experience
immersiveイマーシブ
スクロールそのものを、体験に変える。
章立て、色面、動きの連続で、展示を巡るようにコンテンツを探索させます。
没入 / 探索 / ストーリー
向いている案件展示・ミュージアム・空間演出・体験型企画
プレビューを見る ↗世界観
物語を眺めるだけでなく、登場人物や選択を通して、作品世界の一員になる。エンターテインメントやIPの魅力を体験として届ける案件に。
13Animation / Film
cinematicシネマティック
物語の世界へ、足を踏み入れる。
『ユノアと残響の塔』。水彩の風景、森が開くスクロール、光と風の演出で、映画の世界を旅する宣伝LPです。
映画的 / 水彩 / スクロール演出
向いている案件映画・アニメーション・ゲーム・物語のあるブランド
物語の世界へ ↗
14VTuber / Fantasy Adventure
NOCTARIAノクタリア
海図をひらいて、まだ見ぬ世界へ。
5人の次元海賊と夜の海へ。クリックで出航するイントロ、クルー固有の演出、海域が変わる航海体験を備えた公式サイト風テンプレートです。
冒険 / キャラクター / 没入型イントロ
向いている案件VTuber・ゲーム・エンターテインメント・ファンタジー
夜の海へ出航する ↗
15Action RPG / Science Fiction
TERRISEテライズ
地球を、奪い返せ。
軌道上から巨獣の待つ地球へ。出撃イントロ、5人の隊員選択、回して調べる3D兵装展示を備えた、地球奪還アクションRPGのコンセプトLPです。
近未来 / アクション / 実3Dホログラム
向いている案件ゲーム・SF・キャラクターIP・エンターテインメント
地球奪還作戦へ ↗Selection Guide
選択を導く、
3つの視点。
- 01
相手に最初に感じてほしいこと
安心ならTrust、共感ならNarrative、驚きならImpact、体験ならExperience、作品世界への期待ならWorldbuilding。
- 02
伝える情報の量と深さ
短時間で判断してほしいなら端正に。背景まで理解してほしいなら読み物の構成に。
- 03
競合と、どの程度違って見せるか
信頼を優先するか、強い個性を残すか。許容できる表現の振れ幅から候補を決めます。
15すぐ確認できる
完成済みTOPページ
5目的から選べる
明確な方向性
0ビルド必須工程
静的HTMLで共有
Next Step
比較が、
選択を磨く。
まずは目的に近い方向から2ページを開き、情報の見え方と感じる温度を比べてください。そこから写真、色、言葉を提案先に合わせて調整します。