芸術学部専用サイト - 九芸パレット -
芸術学部生に寄り添ったサイトの考案・制作
- Tamaki Egawa
- Keywords:information, website, communication
- 九芸パレットのプロトタイプ
概要
これは何?
芸術学部生に寄り添ったサイト
背景と目的
- 背景
- K’sLifeが使いにくい
- 大学が情報伝達ツールとしてK’sLifeに依存している
- 他学科が何をしているかわからない
- 芸学の情報が拾いづらい
- 情報の発信源がまとまっていない
- 目的
芸術学部の情報が纏まっており、学生同士で情報が共有できる場所をつくる
コンセプト
- 情報が拾いやすい
- 整理されていて利用しやすい
- スッキリと見せるためにシンプルに
- 丸みを帯びた形や明るい色を活用して、だれもが親しみやすくなるようポップな雰囲気に
成果物の仕様
メンバー
- 江川珠貴 サイトマップ、メインビジュアル、プロトタイプ
- 田代爽乃 PC版ワイヤーフレーム、プロトタイプ
- 西山実伶 情報管理、プロトタイプ
- 濱有希子 ワイヤーフレーム、プロトタイプアニメーション
- 渡辺侑貴 スマホ版ワイヤーフレーム、プロトタイプ
制作ツール
- ハードウエア
- ソフトウエア
- ibisPaint
- PowerPoint
- Adobe Illustrator 2023
- Adobe XD
- figma
プロジェクトの期間
2023.09.20 - 2023.12.20 (プロトタイプ完成まで)
まとめ
結論として、サイトという形式ではないが、目標である動くプロトタイプを完成させることができた。
最近では、スマホで手軽に情報を得る人が多いことから、スマホ規格で制作を進めることが主流になりつつあることを知った。そのため、私たちもワイヤーフレームやプロトタイプはスマホ規格で作成し、スマホでの利用を意識した制作を進めている。今後の制作でも利用する人のことを考え、このサイトのニーズである学生間の交流がやり易い環境開発を目指す。
また、本制作はwordpressで行うため子テーマの作成やPHPの理解など、勉強も同時に行っていこうと思う。
調査
現状調査
- K's lifeが使いづらい
- Teamsの利用率が低い
- 芸学の情報が埋もれてしまう
先行事例
参考サイト
色味 → 株式会社ABI新卒採用サイト
構成 → 公立大学法人 長岡造形大学
UI → マカロニえんぴつ Official Website
技法・技術情報
プロジェクト管理
スケジュール
Googleスプレッドシート
ToDo
ターゲット層の決定
スケジュール決定
サーバー決定
開発エンジンの決定
目的の明確化
コンセプト決定
サイトデザイン
プロトタイプ作成
進捗記録
2023.11.29
プロジェクトミーティング
メインビジュアル作成
Googleドライブ
2023.11.22
プロジェクトミーティング
2023.11.15
サイトマップ改正
プロジェクトミーティング
2023.11.08
プロジェクトミーティング
2023.11.01
スマホ版ワイヤーフレーム考案
プロジェクトミーティング
2023.10.25
サイトマップ改正
プロジェクトミーティング
プロジェクトメモサイト
2023.10.18
サイトマップ作成
サイトマップ
プロジェクトミーティング
プロジェクトメモサイト
役割分担
2023.10.11
ロゴ案ラフ
Googleドライブ
プロジェクトミーティング
プロジェクトメモサイト
2023.10.04
メモ
プロジェクトミーティング
プロジェクトメモサイト
2023.09.27
メモ
- 生徒
- K'slife利用頻度
(用途、利用しない理由)
- Teamsの利用頻度
(用途、利用しない理由)
- どこで芸術学部関連のイベントなどの情報を得ているか
- 他学科の情報を知りたいか
- 芸学サイトにあってほしい項目、理由
- その他要望
- 興味ある人
- 教師
- Teamsの利用頻度
(用途、利用しない理由)
- HTML/CSS、Word Press、PukiWiki
- 芸学サイトにあってほしい項目、理由
- その他要望
- 連絡先を掲載していいかの確認
プロジェクトミーティング
プロジェクトメモサイト
2023.09.20
メモ
- PukiWiki、HTML・CSS、Word Pressなど、どのような環境で制作していくか
- サイトの基本の構成を考える
- 芸術学部生全体へのアンケートの制作
- アンケートから、足した方がいい項目を考える
- サイトマップの制作
- ワイヤーフレームの制作
- サイトの制作
- 役割を分担し、それぞれで活動する
テーマ案
先行事例の調査
プロジェクトミーティング
プロジェクトメモサイト作成