Facebook ホームページ
Logo

ホームページ

クレジット
Avatar
WEBデザイナー
ホームページ-1
シェア

ホームページ

≪社名≫ 一般社団法人メタストラクチャーメソッド・ラボ https://msm-labo.com/ ■デザイン ■構成(ワイヤーフレーム作成) ■社内ディレクション ≪制作期間≫4週間 ≪スキル≫XD/Photoshop/illustrator/Canva ≪コメント≫ ■新規サイト制作 ■広告を利用しない ■SEO非重視 【ご要望】 ・目的:メタストラクチャーメソッド・ラボの紹介 ・イメージ:おしゃれ、尖った、かつ公共性と権威性の両立(尖っているのに、きちんとした社団法人というのが狙い) ・モノトーンベース 【デザインの特徴】 ■“尖り”と“社団法人としての格”を両立したブランド設計 ・モノトーンを基調としたストイックなカラーデザイン ・ブラックセクションを大胆に使用し、思想性と重厚感を演出 ・余白を活かしたレイアウトで公共性と信頼性を担保 ・アート性のある円・幾何学モチーフで知的で抽象度の高い世界観を構築 ■トップコピーで思想を打ち出す構造設計 ・「『個』と『場』をつなぐ。」という抽象度の高いメッセージを主軸に展開 ・説明よりも“思想体験”を優先したヒーロー設計 ・一般的なセールス型構成ではなく、世界観への没入を重視 ■モノトーン × 構造的ビジュアル演出 ・グリッド背景やライン装飾で“構造”という概念を視覚化 ・波型・曲線切り替えで動きとリズムを演出 ・装飾は多いが、色数を抑えることでノイズ化を防止 ■デザイン性を優先した写真戦略 ・一般的な“共感訴求型の日本人素材”に依存しない ・抽象性・雰囲気重視の写真選定 ・被写体よりも“空気感”を重視し、ブランドの温度をコントロール ・セールス効率よりも世界観統一を優先 ■知的ブランドにふさわしいタイポグラフィ設計 ・英語見出しと日本語のバランス設計 ・大文字のセクションタイトルで格を演出 ・文字組みで余白を作り、アカデミックな印象を保持 ■ストーリー型セクション設計 ・思想 → 活動 → 理念 → 背景 → 人 → 実績 → 具体情報へと論理的に展開 ・“説明サイト”ではなく“思想のプレゼンテーションサイト”として設計 ■代表・理事紹介のブランディング演出 ・モノクロ写真で権威性を強調 ・経歴は整理して掲載し、過度な自己主張を避ける ・公共性とパーソナルのバランスを調整 ■黒背景セクションによる緊張感コントロール ・CONTACTやメッセージ部分で黒を使用し、場面転換を明確化 ・読み手の集中力を再度引き上げる設計 ■SEO非依存の“指名・紹介前提”サイト設計 ・キーワード最適化よりも思想共鳴を優先 ・訪問者を選ぶ設計思想 ・共鳴度の高い企業とのマッチングを促進 ・結果として、大手企業とのトレーニング契約獲得に成功 ■公共性を損なわない先鋭性 ・尖っているが、軽くならない ・アート寄りだが、宗教的にならない ・法人格としての信頼性を保ちながら、思想的な独自性を確立
クレジット
Avatar
WEBデザイナー
シェア
川井慶子の他の作品
画像
作品を見る
ECサイト改善支援
画像
作品を見る
ホームページ
画像
作品を見る
ホームページ
foriio

あなたのforiioを無料で作成

fori.io/
ホームページ-1

ホームページ

≪社名≫ 一般社団法人メタストラクチャーメソッド・ラボ https://msm-labo.com/ ■デザイン ■構成(ワイヤーフレーム作成) ■社内ディレクション ≪制作期間≫4週間 ≪スキル≫XD/Photoshop/illustrator/Canva ≪コメント≫ ■新規サイト制作 ■広告を利用しない ■SEO非重視 【ご要望】 ・目的:メタストラクチャーメソッド・ラボの紹介 ・イメージ:おしゃれ、尖った、かつ公共性と権威性の両立(尖っているのに、きちんとした社団法人というのが狙い) ・モノトーンベース 【デザインの特徴】 ■“尖り”と“社団法人としての格”を両立したブランド設計 ・モノトーンを基調としたストイックなカラーデザイン ・ブラックセクションを大胆に使用し、思想性と重厚感を演出 ・余白を活かしたレイアウトで公共性と信頼性を担保 ・アート性のある円・幾何学モチーフで知的で抽象度の高い世界観を構築 ■トップコピーで思想を打ち出す構造設計 ・「『個』と『場』をつなぐ。」という抽象度の高いメッセージを主軸に展開 ・説明よりも“思想体験”を優先したヒーロー設計 ・一般的なセールス型構成ではなく、世界観への没入を重視 ■モノトーン × 構造的ビジュアル演出 ・グリッド背景やライン装飾で“構造”という概念を視覚化 ・波型・曲線切り替えで動きとリズムを演出 ・装飾は多いが、色数を抑えることでノイズ化を防止 ■デザイン性を優先した写真戦略 ・一般的な“共感訴求型の日本人素材”に依存しない ・抽象性・雰囲気重視の写真選定 ・被写体よりも“空気感”を重視し、ブランドの温度をコントロール ・セールス効率よりも世界観統一を優先 ■知的ブランドにふさわしいタイポグラフィ設計 ・英語見出しと日本語のバランス設計 ・大文字のセクションタイトルで格を演出 ・文字組みで余白を作り、アカデミックな印象を保持 ■ストーリー型セクション設計 ・思想 → 活動 → 理念 → 背景 → 人 → 実績 → 具体情報へと論理的に展開 ・“説明サイト”ではなく“思想のプレゼンテーションサイト”として設計 ■代表・理事紹介のブランディング演出 ・モノクロ写真で権威性を強調 ・経歴は整理して掲載し、過度な自己主張を避ける ・公共性とパーソナルのバランスを調整 ■黒背景セクションによる緊張感コントロール ・CONTACTやメッセージ部分で黒を使用し、場面転換を明確化 ・読み手の集中力を再度引き上げる設計 ■SEO非依存の“指名・紹介前提”サイト設計 ・キーワード最適化よりも思想共鳴を優先 ・訪問者を選ぶ設計思想 ・共鳴度の高い企業とのマッチングを促進 ・結果として、大手企業とのトレーニング契約獲得に成功 ■公共性を損なわない先鋭性 ・尖っているが、軽くならない ・アート寄りだが、宗教的にならない ・法人格としての信頼性を保ちながら、思想的な独自性を確立
クレジット
Avatar
WEBデザイナー
シェア
川井慶子の他の作品
画像
作品を見る
ECサイト改善支援
画像
作品を見る
ホームページ
画像
作品を見る
ホームページ
foriio

あなたのforiioを無料で作成

fori.io/