立命館学園 コンピテンシー・フレームワーク特設サイト
スマートフォンでも軽快に。策定された独自の概念を、視覚と動きでわかりやすく伝える特設サイト。
立命館学園さまでは、「イノベーション・創発性人材」の輩出を目指し、立命館学園で学ぶ児童・生徒・学生が「自分の価値」を見いだせるようになることを目的に「立命館学園コンピテンシー・フレームワーク（以下、立命館CF）」を策定されています。この「立命館CF」の認知拡大と理解促進を目的に、特設サイトを制作しました。入学希望者・在学生・保護者・校友といった幅広いステークホルダーに向けて、「立命館CF」をわかりやすく伝えるため、短時間でも直感的に内容が理解できるサイトを目指しました。
2025年公開
ご要望 REQUEST
- 策定した「立命館CF」をわかりやすく発信したい
- スマートフォンでも見やすい構成にしたい
- 明るく楽しい印象のデザインやアニメーションを取り入れたい
ノイの提案・アイデア IDEA
複雑な情報を整理し、目的地へたどり着きやすいサイト設計に
「立命館CF」を直感的に理解できるよう、ジオメトリックなビジュアルへ落とし込みました。8つの要素を図形や動きで表現することで、言語情報に頼らずとも全体像が把握できる設計とし、特にスマートフォン閲覧時でもストレスなく理解できる構成を意識しています。
Lottieを活用した軽量アニメーション
「スマートフォンでの閲覧でも、動きのある表現を実現したい」という要望に対し、軽量なアニメーションを実装できる「Lottie」を採用しました。視覚的なインパクトを保ちながらも、表示速度やパフォーマンスに配慮した実装を実現しています。
スマートフォンに最適化したUI/UX設計
主な閲覧対象が在学生（大学生・高校生）であり、スマートフォンからのアクセスが多いことを踏まえ、情報の優先順位と視認性を重視したUI/UX設計を行いました。短時間で要点が伝わるよう、テキスト量とビジュアルのバランスを調整し、直感的に操作できる構成としています。
コンテンツ CONTENT
Episode
日々の経験を通して育まれたコンピテンシーへの理解を深める
立命館学園が掲げる8つのコンピテンシーがどのように育まれたのか、多様なエピソードを通して紹介するコンテンツです。児童・生徒・大学生・大学院生から寄せられた実体験をもとに、「立命館CF」への理解を促します。
プロジェクトレビュー REVIEW
立命館学園さまからは、スマートフォンでの閲覧を前提とした設計やアニメーション表現についてもご評価いただき、「素敵なサイトが公開になり、うれしいです」「楽しい感じが伝わってくるページでいいなと思いました」「１人でも多くの学内・学外の方にご覧いただきたいと思います」といったお声をいただいています。公開後は学内外への情報発信に活用いただいており、引き続き運用面でも貢献していければと考えています。