幾何学的な背景画像
トップページ

制作物一覧

《習熟》一橋大学津田塾大学吹奏楽団

HTWO習熟用サイトのPC画面
HTWO習熟用サイトのPC画面

※本制作は習熟を目的としております。作品内の情報が事実と異なる場合があります。ご了承ください。

更新日:2024.01.03

《習熟》一橋大学津田塾大学吹奏楽団

PHPを使ったHP作成の習熟として、吹奏楽団のWebサイトの作り直しを行ってみました。HTMLを使ったサイト更新が難しい学生さんがメンテナンスをするということを意識した設計を行いました。具体的には、専用のExcelを更新することで、サーバにアップロードするデータを自動生成するような仕組みです。

最終的には、このデザイン案と実装案をクライアントである楽団の学生さんにお見せして、実際の案件を獲得することができました。実際の案件では、学生さんの希望する色味や雰囲気を聞き取り、別途デザインから一連の作業を行いました。

ページ数

8ページ

ターゲット

楽団に入団を希望する新入生。演奏会を観に来る人。

担当領域

企画 / 情報設計 / ワイヤーフレーム作成 / デザイン / コーディング

使用ツール

PhotoShop / Illustrator / Xd / VSCode / HTML5 / CSS3 / JavaScript / jQuery / PHP

HTWO習熟用サイトのPC画面
HTWO習熟用サイトのタブレット画面
HTWO習熟用サイトのスマホ画面

TOP画面全体のキャプチャ

HTWO習熟用サイトのTOP画面全体