芸術学部専用サイト 九芸パレット
芸術学部生に寄り添ったサイトの考案・制作
概要
これは何?
芸術学生に寄り添ったサイト
背景と目的
背景
- K’sLifeが使いにくい
- 大学が情報伝達ツールとしてK’sLifeに依存している
- 他学科が何をしているかわからない
- 芸学の情報が拾いづらい
- 情報の発信源がまとまっていない
目的
芸術学部の情報がまとまっており、学生同士で情報が共有できる場所をつくる
コンセプト
- 情報が拾いやすく、整理されていて利用しやすいサイト
- スッキリと見せるために<シンプル>でありながら、単調にならず、だれもが親しみやすくなるよう<ポップ>な雰囲気のサイトを目指す
- 丸みを帯びた形や明るい色を活用して、だれもが親しみやすくなるようポップな雰囲気に
成果物の仕様
webサイト
メンバー
制作ツール
- ハードウエア
- ソフトウエア
- ibisPaint
- PowerPoint
- Adobe Illustrator 2023
- Adobe XD
- figma
プロジェクトの期間
2023.09.20 - 2023.12.20
まとめ
サイトという形式ではないが、目標である動くプロトタイプを完成させることができた。
最近では、スマホで手軽に情報を得る人が多いことから、スマホ規格で制作を進めることが主流になりつつあることを知った。そのため、私たちもワイヤーフレームやプロトタイプはスマホ規格で作成し、スマホでの利用を意識した制作を進めている。今後の制作でも利用する人のことを考え、このサイトのニーズである学生間の交流がやり易い環境開発を目指す。
また、本制作はwordpressで行うため子テーマの作成やPHPの理解など、勉強も同時に行っていこうと思います。
調査
現状調査
- K's lifeが使いづらい
- Teamsの利用率が低い
- 芸学の情報が埋もれてしまう
先行事例
技法・技術情報
プロジェクト管理
スケジュール
Googleスプレッドシート
ToDo
ターゲット層の決定
スケジュール決定
サーバー決定
開発エンジンの決定
目的の明確化
コンセプト決定
サイトデザイン
プロトタイプ作成
進捗記録
2023.11.29
Figmaでの共同作業(学内情報)
プロトタイプ
プロジェクトミーティング
プロジェクトノート
2023.11.22
Web版ワイヤーフレームの修正
Web版ワイヤーフレーム
プロジェクトミーティング
プロジェクトノート
2023.11.15
プロトタイプに使用するWordPressテーマの調査
プロジェクトミーティング
プロジェクトノート
2023.11.08
スマホ版ワイヤーフレーム案の制作
AdobeXD
プロジェクトミーティング
プロジェクトノート
2023.11.01
プロジェクトミーティング
プロジェクトノート
2023.10.25
ワイヤーフレームの制作
プロジェクトミーティング
プロジェクトメモサイト
2023.10.18
ワイヤーフレームの制作(仮)
プロジェクトミーティング
プロジェクトノート
2023.10.11
先行事例
個人での調査
プロジェクトミーティング
プロジェクトノート
2023.10.04
10月のToDo
- ワイヤーフレーム
- サイトマップ
- デザイン決め(UI、色、レイアウト)
- タイトル
- ロゴ
- 開発エンジン決め(10/15 〆切)
- アンケート内容決め(10月末)
開発エンジン別(メリット、デメリット)
WordPress 決定
- メリット
- 管理しやすい
- 更新しやすい
- 参考テーマがある
- 土台を作れば・・・
- デメリット
- 編集にログインが必要
- サーバーを借りる必要があ(シン・アカウント)
- 1から作成の経験はなし
タイトル決め
担当決め
- タイトルロゴ→全員
- レイアウト(スマホ、PC)→1人
- UI(ボタン、メニューバー etc.)→2人
- ビジュアル→2人
- ページ構成→2人
プロジェクトミーティング
プロジェクトノート
2023.09.27
アンケート内容の決定
- 生徒
- K'slife利用頻度
(用途、利用しない理由)
- Teamsの利用頻度
(用途、利用しない理由)
- どこで芸術学部関連のイベントなどの情報を得ているか
- 他学科の情報を知りたいか
- 芸学サイトにあってほしい項目、理由
- 教師
- Teamsの利用頻度
(用途、利用しない理由)
- HTML/CSS、Word Press、PukiWiki
- 芸学サイトにあってほしい項目、理由
- その他要望
- 連絡先を掲載していいかの確認
プロジェクトミーティング
プロジェクトノート
2023.09.20
メモ
- PukiWiki、HTML・CSS、Word Pressなど、どのような環境で制作していくか
- サイトの基本の構成を考える
- 芸術学部生全体へのアンケートの制作
- アンケートから、足した方がいい項目を考える
- サイトマップの制作
- ワイヤーフレームの制作
- サイトの制作
- 役割を分担し、それぞれで活動する
テーマ案
先行事例の調査
プロジェクトミーティング
プロジェクトノート