侍大学HP
URL： https://motoya-s.com/samurai-university/ ↗︎
プロジェクトの概要
架空のオンライン大学「SAMURAI UNIVERSITY」のウェブサイトを制作しました。オンライン学習の利便性と、質の高い教育へのアクセスを提供することを目的としています。大学のコンセプトやコースの魅力を視覚的に訴求し、新しい受講希望者を獲得するためのプラットフォームを構築しました。
ターゲットとペルソナ
- ターゲット: 大学進学を控えた高校生、キャリアアップを目指す社会人、学び直しを希望する主婦・主夫。特に地方在住者や、時間・場所に制約のある人々。
- ペルソナ（例）：
- 佐藤 拓海さん（18歳、高校3年生）： 将来IT分野で働きたいと考えているが、地方に住んでいるため都心の大学に進学するのは難しい。自宅で質の高い授業を受けたいと考えている。
- 田中 美咲さん（35歳、会社員）： 営業職として働いているが、スキルアップのためWebマーケティングやデザインを学びたい。仕事と両立できる柔軟な学習スタイルを求めている。
デザインのコンセプト
- コンセプト: 「未来を切り拓く、学びの道」
- イメージ: 伝統的な和の要素と、先進的なテクノロジーを融合させたデザイン。信頼感と革新性を両立させ、ターゲット層に親しみやすさを感じさせることを目指しました。
主な工夫点
- 情報設計: 大学の魅力、コース一覧、学生の声、入学までの流れといった主要な情報を、トップページで一目で理解できるよう整理しました。
- ビジュアル: 学生の活気ある写真や、日本の伝統的なモチーフをモダンなイラストに落とし込み、独自の世界観を表現しました。
- ユーザー導線: 資料請求や個別相談会予約など、ユーザーが次にとるべき行動を促すCTA（Call to Action）ボタンを明確に配置しました。また、スマートフォンでの閲覧を考慮したレスポンシブデザインを実装しました。
使用ツール
- デザイン：Figma
- 開発：HTML, CSS, JavaScript、Visual Studio Code（エディタ）
- 管理：WordPress（PHP）
制作期間
- 制作期間: 約6週間
得られた成果
企画段階からデザイン、実装まで一貫して担当することで、ウェブサイト制作の一連のワークフローを実践的に経験しました。本サイトはポートフォリオとして、デザイン力とコーディングスキルを証明する重要な成果物となりました。
今後の課題
今後は、ウェブサイトの公開後、ユーザーのアクセス解析（GA4など）を行い、どのコンテンツが最も閲覧されているかを分析します。その結果に基づき、より効果的なコンテンツの配置や、SEO対策を強化することで、さらなる流入数の増加を目指します。