光ヶ丘グローバル大学ホームページ
- 区分
- 自主制作・架空案件
- 時期
- 2025.11 デザイン / 2026.10 公開
- 担当
- 情報設計・デザイン・コーディング
- ツール
- Figma / HTML・CSS・JavaScript
進学を考えている人が、学費や入試情報を迷わず探せるサイトを目指して制作しました。情報の整理から構成、デザイン、コーディングまで担当しました。
サイトを見る toraneko-plan.com/works/hikarigaoka/
PROCESS
ワイヤーフレームから、公開まで
-

ワイヤーフレーム
情報の順番と量を決めました。
-

デザインカンプ
写真・色・文字の大きさを決めました。
-

公開したページ
読みやすさを確かめながら調整しました。
DETAILS
細部まで決めてから組む
-

余白とサイズを数値で指示
ファーストビューが800pxに収まるよう調整しました。
-
スマホのメニュー
3本線が×に変わり、項目を押すと閉じて移動します。
-

学部は横にスワイプ
スマホで縦に長くならないよう、横スクロールにしました。
