本業案件コーポレートサイト
社会起業家育成プログラムの公式サイト
概要
社会課題に取り組む若手起業家を支援するプログラムの公式サイトを制作しました。トップページでは、プログラムの意義、具体的な内容（研修・チームMTG・最終報告会）、年間スケジュール、メンター・コミュニティ紹介などを段階的に配置し、初めて訪れた人でも「どんなプログラムで、何が得られるのか」が直感的に理解できる構成になっています。
担当範囲
使用技術
工夫したポイント
- ▪スマートフォンからの閲覧を前提に、CSS GridとFlexboxを組み合わせてレスポンシブ対応。フォントサイズや行間を動的に調整し、縦長構成でもストレスなく読み進められるUIを実現。
- ▪<section>・<article>・<header>・<nav>などHTML5の要素を適切に用い、スクリーンリーダーでも情報構造を把握しやすい設計を実現。検索エンジンにも最適化されたドキュメント構造を意識。
- ▪各ページごとにmeta titleやdescriptionを動的に管理し、SNSシェア時に適切なサムネイルとテキストが出るようOGP設定を調整。
