ss_mejinavi2026

MEJINAVI2026|目白大学がまるっとわかるメジナビ

画面全体を一本の道が貫くポップなイラストベースのレイアウトが、ユーザーの視線を自然と下部へ導く回遊性の高い導線設計となっています。厳格な四角いグリッドというよりは、背景の地形という見えない線に沿って各要素を整列させることで、まるでテーマパークを巡るようなシームレスでワクワクする体験を構築。この世界観を支えるのは、鮮やかなグリーンと温かいクリーム色を基調に、多彩なアクセントカラーを効かせた明快な配色です。配置された写真は明度が高く自然な色温度で統一されており、学生の活き活きとした表情をクリアに引き立て、大学の魅力を最大限伝えています。見出しにはポップな英字に丸みのある装飾的な太字、和文の本文にはプレーンなゴシック体を併記するルールを採用し、明確なウェイト差とゆとりのある字間設計によって、親しみやすさと情報の読みやすさを両立させています。スクロールに伴うアニメーションは、カードや装飾が短い距離をジャンプイン、賑やかなビジュアルの中でも過度なノイズにならず、かつ目を引く遊びが施されています。ホバー時にも写真やカラーが入れ替わったり、微小にズームするボタンがフォーカス状態を的確に可視化しており、ユーザーに迷いのないアクションを促しています。

Category

教育・学校

Type

コーポレートサイト

color

カラフル

ベージュ

Making Design Make Sense.
デザインを、感覚から理解へ。
© Design Decode. 901