Project/九芸パレットのバックアップ(No.22)

芸術学部専用サイト - 九芸パレット -

芸術学部生に寄り添ったサイトの考案・制作

Keywords：information, website, communication

↑

概要

↑

これは何？

芸術学生に寄り添ったサイト

↑

背景と目的

背景
- K’sLifeが使いにくい
- 大学が情報伝達ツールとしてK’sLifeに依存している
- 他学科が何をしているかわからない
- 芸学の情報が拾いづらい
- 情報の発信源がまとまっていない

目的
芸術学部の情報が纏まっており、学生同士で情報が共有できる場所をつくる

↑

コンセプト

情報が拾いやすい
整理されていて利用しやすい
スッキリと見せるために<シンプル>に
だれもが親しみやすくなるよう<ポップ>な雰囲気に

↑

成果物の仕様

Webサイト

サイトマップ

ワイヤーフレーム

↑

メンバー

↑

制作ツール

ハードウエア
- MacbookAir
- iPad
ソフトウエア
- ibisPaint
- PowerPoint
- Adobe Illustrator 2023
- Adobe XD
- WordPress

↑

プロジェクトの期間

2023.09.20 -

↑

中間発表までのまとめ

後期までの研究内容は、九州産業大学芸術学部の先生と生徒を対象にした芸術学部専用webサイトのプロトタイプ制作である。現段階では、情報が伝わりやすく現代の学生に馴染みやすいようなシンプルかつポップなデザインにし、芸術学部内の情報共有の場として相応しい内容と構成にしていきたいと考えている。そのために、ワイヤーフレームやUIのデザイン、必要なメニュー項目の選別やサイトマップの構成などを納得するまでブラッシュアップし続けていきたい。
今回までのグループ活動では、先走って作業を進めてしまったり、意見の対立やイメージの違いによって再度話し合いをしたりするなど、効率が悪く思うように計画的に進められなかった。今後はスケジュールをしっかり管理していきながら、それぞれ分担して作業し、疑問に思ったことはすぐに議題に出して早期に解決していくなど作業の進め方を工夫していこうと思う。後期の最終発表までにはwebサイトの完成イメージをより固めていき、プロトタイプを完成させたい。

↑

調査

↑

現状調査

K's lifeが使いづらい
Teamsの利用率が低い
芸学の情報が埋もれてしまう

↑

ToDo

~~ターゲット層の決定~~
スケジュール決定
アンケート
サーバー決定
~~開発エンジンの決定~~
目的の明確化
~~コンセプト決定~~
サイトデザイン
コーディング
プロトタイプ作成
実装

進捗記録

↑

2023.11.08

↑

第12回ミーティング内容

スマホ版ワイヤーフレーム決定
今後について（役割分担）

スマホ版ワイヤーフレーム決定
今後について（役割分担）
次回までにすること

↑

2023.11.01

↑

中間発表

プッシュ通知ではなく、プル型の通知にした方がいい
毎日見にきてもらうようにするためには？
→毎日更新するなど方法を考える
ポータルサイトとしての役割を果たすようにする
ワイヤーフレームのスマホ版
情報の集め方の工夫
学部の情報収集の仕組みを整えた方がいい
→広報委員などを各学科で作る

↑

第11回ミーティング内容

中間発表で気になったこと
push型とpull型とは
次回までにすること
スマホ版ワイヤーフレームの作成（個人案）

↑

2023.10.25

↑

第9回ミーティング内容

スケジュール決定
サイトメインカラー話し合い
サイトフォント案出し
サイトマップ更新
ワイヤーフレーム更新

スケジュール決定
スケジュール表（全体）
サイトメインカラー話し合い
- 青（世界で一番好まれている色）
- 白黒（九芸の色を定めないようにするため）
- 五色（サイトに使いたい）
サイトフォント案出し
- 手書き
- 明朝体
- ゴシック
- その他
サイトマップ更新
Googleドライブ
ワイヤーフレーム更新
Googleドライブ

↑

第10回ミーティング内容

サイトマップ更新
ワイヤーフレーム更新

サイトマップ更新
Googleドライブ
ワイヤーフレーム更新
Googleドライブ

↑

2023.10.18

↑

第7回ミーティング内容

担当決め
サイトマップ内容仮決定

担当決め
- サイトマップ　江川珠貴
- ワイヤーフレーム　田代爽乃
- ロゴデザイン　西山実伶　濱有希子　渡辺侑貴
サイトマップ内容仮決定
Googleドライブ
次回までにすること
それぞれの担当内容を仕上げてくる

↑

第8回ミーティング内容

ロゴ案決定
サイトマップ確認
ワイヤーフレーム話し合い

ロゴ案決定
- シンボルマーク
- ロゴタイプ
サイトマップ確認
サイトマップ
ワイヤーフレーム話し合い
- フッター（SNSアイコン、メアド、サイトマップ、©️）
- サイドメニュー（九芸WORKS、九産HP、九芸、言語設定、年間スケジュール、仮：お知らせ）
次回までにすること
- ロゴ作成
- サイトマップ改正
- サイトマップ改正

↑

2023.10.11

↑

第5回ミーティング内容

サイトマップアイデア出し
サイトロゴアイデア出し
サイト名本決定

サイト名本決定
```
九芸パレット
```
パレットは色々なものを「乗せる」もの。このサイトもパレットのように色々な情報を集めて「載せて」情報の集積場としての役割を担ってほしい。
次回までにすること
- サイト先行事例
- サイトマップ案
- サイトロゴラフ

↑

第6回ミーティング内容

先行事例
色味→株式会社ABI新卒採用サイト
構成→公立大学法人長岡造形大学
UI→マカロニえんぴつ Official Website
ロゴデザイン試作
Googleドライブ

↑

2023.10.04

↑

第3回ミーティング内容

アンケート内容決定・作成
- 共通
  - 展示会や芸学のプロジェクト情報の入手先（選択）
  - 普段使用している媒体の使いづらいと思う点（選択、自由記入）
  - 芸術学部のサイト（九芸）を知っているか（選択）
  - 他学科の情報（プロジェクト等）を知りたいか（選択）
  - 芸学に関するどのような情報を入手したいか（選択）
  - その他要望（自由記入）
  - 所属情報（選択）
- 学生
  - 研究に興味があるか
    参加したいと思うか
    学籍番号、名前
- 教員
  - 名前
  - 授業用の連絡先を載せていいか

アイデア出し
Jamboard

↑

第4回ミーティング内容

スケジュール決め
ToDo確認
メニュー構成案出し（続き）
サイトマップ制作
ワイヤーフレーム制作
タイトル決め

10月のToDo
- ワイヤーフレーム
- サイトマップ
- デザイン決め（UI、色、レイアウト）
- タイトル
- ロゴ
- 開発エンジン決め（10/15 〆切）
- アンケート内容決め（10月末）

開発エンジン別（メリット、デメリット）
```
WordPress
```
- メリット
  - 管理しやすい
  - 更新しやすい
  - 参考テーマがある
  - 土台を作れば・・・
- デメリット
  - 編集にログインが必要
  - サーバーを借りる必要がある（シン・アカウント）
  - 1から作成の経験はなし

Googleサイト

メリット
- 操作しやすい
- 簡単に編集できる
デメリット
- 安っぽい
- レイアウトを変更できない

PukiWiki

メリット
- 整理しやすい
- 慣れたら編集が簡単
- 大人数の編集に向いている
デメリット
- わからないことが多い
- お知らせが目立たない

HTML/CSS

メリット
- 1から制作経験あり
- 自由度が高い
デメリット
- 編集がむずかしい、知識が必要

決定　WordPress

タイトル決め
- 条件
  - 日本語
  - 芸術学部だとわかるように
  - 「九産の〜」
- アイデアメモ
  - 芸術に関する名前を入れたい
  - 掲示板的な言葉（？）
  - 産芸
  - 九芸ネットワーク
  - 九ふぉ（九産×インフォメーション）
  - KSU Art Note（KAN）仮決定

担当決め
- タイトルロゴ（KSU Art Note / KAN） →　全員
- レイアウト（スマホ、PC）　→ １人
  - UI（ボタン、メニューバー etc.）　→　２人
  - ビジュアル　→　２人
  - ページ構成　→　２人

サイトの雰囲気、方向性案
- シンプルポップ　　★
- ~~かわいい~~
- パステル
- レトロ
- ~~手書き風~~
- ~~ネオン~~
- ~~ビビット~~
- ~~モノクロ~~
- ナチュラル
- ~~おしゃれ~~
- シック
- 幾何学
- モダン
- キャンバス
- ノート風

↑

2023.09.27

↑

第1回ミーティング内容

ターゲット層決め
編集権限の範囲
アンケート内容決定（生徒向け）
メニュー決め（必須事項のみ）
概要の明確化
内部用か外部ありか

メモ
- ターゲット層決め
  KSU芸術学部　先生・生徒

ニーズ
芸術学部の情報の集積
学部内の情報共有場所

編集権限の範囲
先生
学生運営メンバー

閲覧権限の範囲
オープン（仮）
＊WordPressなら差別化できる（アカウント必須）

メニュー編成
- ホーム
  - イベント情報
  - プロジェクト情報
  - 言語設定
- セッション
- キャリア情報
- 教員紹介
- 運営コンタクト

次回までにやること
- 編集権限
- アンケート内容考える
- メニュー項目追加あれば

↑

第2回ミーティング内容

概要を決める
アンケートの内容決定
メニュー項目
編集権限

概要
- これは何
  芸術学生に寄り添ったサイト
- 背景
  - K’sLifeが使いにくい、依存している
  - 他学科が何をしているかわからない
  - 芸学の情報が拾いづらい
  - 情報の発信源がまとまっていない
- 目的
  芸術学部の情報がまとまっており、学生同士で情報が共有できる場所をつくる
- コンセプト
  - 情報を拾いやすく、使いやすいサイト
  - 面倒臭くならないサイト

アンケート内容
- 生徒
  - K'slife利用頻度
    (用途、利用しない理由)
  - Teamsの利用頻度
    (用途、利用しない理由)
  - どこで芸術学部関連のイベントなどの情報を得ているか
  - 他学科の情報を知りたいか
  - 芸学サイトにあってほしい項目、理由
  - その他要望
  - 興味ある人
- 教師
  - Teamsの利用頻度
    (用途、利用しない理由)
  - HTML/CSS、Word Press、PukiWiki
  - 芸学サイトにあってほしい項目、理由
  - その他要望
  - 連絡先を掲載していいかの確認

Project/九芸パレット のバックアップ(No.22)