44dat DESIGN GALLERY

大学

明洋学院大学(めいよう)

架空ブランドを立てて制作したデザインデモです(2026-07-01 公開)。

実際のサイトを見る 別タブで開きます

明洋学院大学(めいよう)(大学)のホームページデザイン

海・知性・自立を意味軸に、教養と専門を往復しながら学びを社会につなぐ女子総合大学。海洋環境・国際コミュニケーション・心理こども・看護栄養・現代教養の5学部。潮見/汐入キャンパス。

全ページビュー

明洋学院大学(めいよう) — full page

このサイトの作られ方

実際の発注内容

ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。

コンセプト 明洋学院大学(めいよう)— 『海・知性・自立』を意味軸に、品位はあるが閉じない女子総合大学の公式サイト

スタイル
理念起点の機関型エディトリアル(信頼感は機関性で、固有性は『海・知性・自立』の意味軸と一貫した編集トーンで担保する)
レイアウト
ハイブリッドIA(学部・入試・在学情報は端正なカード型グリッドで捌き、トップの核1〜2セクションは脱グリッドの特集レイアウトで『何を学び、どう社会につながるか』を強弱つけて見せる)
タイポグラフィ
和文ゴシック主体+見出しに細身明朝の差し色(institutional な可読ゴシックを土台に、特集見出しだけ明朝で品位と人格を与える二層タイプ)
モーション
意味のある reveal(カルーセル前提を捨て、優先情報は静的に強く置き、学びの広がり・進路接続のセクションだけスクロール連動で段階開示する目的駆動の動線演出)
配色
白+ネイビーに海由来の補助色(ネイビー一辺倒を避け、写真トーン・罫線・余白設計まで含めて『海・知性・自立』の世界観で一貫させた限定配色)
狙い
1アクセントの機関配色を土台に、補助色・罫線・余白・写真トーンまで意味軸で統一し、トップの脱グリッド特集で記憶点を作る配色と編集の二段構え
設計の勘所
1アクセント色で機関の信頼感を保ちつつ、意味軸で補助色・写真・余白を統一し、トップの脱グリッド特集と目的駆動 reveal で既視感を断つカード型IA

写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。

この業種・このテイストで、御社のサイトを制作します。

掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。