( デザインの作品 )

Design

Webサイト・LP / バナー・画像

光ヶ丘グローバル大学ホームページ

区分
自主制作・架空案件
時期
2025.11 デザイン / 2026.10 公開
担当
情報設計・デザイン・コーディング
ツール
Figma / HTML・CSS・JavaScript

進学を考えている人が、学費や入試情報を迷わず探せるサイトを目指して制作しました。情報の整理から構成、デザイン、コーディングまで担当しました。

サイトを見る toraneko-plan.com/works/hikarigaoka/
光ヶ丘グローバル大学のトップページを、ノートPCとスマホで表示したところ

PROCESS

ワイヤーフレームから、公開まで

  1. ワイヤーフレーム

    ワイヤーフレーム

    情報の順番と量を決めました。

  2. デザインカンプ

    デザインカンプ

    写真・色・文字の大きさを決めました。

  3. 公開したページ

    公開したページ

    読みやすさを確かめながら調整しました。

DETAILS

細部まで決めてから組む

  • 余白とサイズを数値で書き込んだカンプ

    余白とサイズを数値で指示

    ファーストビューが800pxに収まるよう調整しました。

  • スマホのメニューを開いたところ

    スマホのメニュー

    3本線が×に変わり、項目を押すと閉じて移動します。

  • スマホで学部の一覧を表示したところ

    学部は横にスワイプ

    スマホで縦に長くならないよう、横スクロールにしました。

( お問い合わせ )

Contact

お仕事のご相談・お見積もりは、こちらから。

3営業日以内にご返信します。

お問い合わせフォームへ