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

