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

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

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

Keywords：information, website, communication
九芸パレットのプロトタイプ

概要

これは何？

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

背景と目的

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

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

コンセプト

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

成果物の仕様

サイトマップ

スマホ版ワイヤーフレーム

プロトタイプ

メンバー

制作ツール

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

プロジェクトの期間

2023.09.20 -

まとめ

調査

現状調査

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

先行事例

参考サイト

色味 → 株式会社ABI新卒採用サイト
構成 → 公立大学法人長岡造形大学
UI → マカロニえんぴつ Official Website

技法・技術情報

プロジェクト管理

スケジュール

スケジュール表

ToDo

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

進捗記録

2023.11.29

第14回ミーティング内容

子テーマ作成学習

2023.11.22

第14回ミーティング内容

子テーマ作成

2023.11.15

第13回ミーティング内容

メモ
- スマホ版サイドメニューは出なくていい情報を置く
- 優先順位の高いものを上に
おすすめテーマ
- Fukasawa

第14回ミーティング内容

スマホ版ワイヤーフレームの決定
サイトマップ更新
プロトタイプのテーマ決定

スマホ版ワイヤーフレームの決定
Googleドライブ
サイトマップ更新
- Googleドライブ
- 「今週の作品」について
  →一週間に一回更新(定期的に掲載する作品を募集する)
プロトタイプのテーマ決定
- Lightning ★
- Cocoon ★
- XeoryExtension
- Fukasawa ★
- OnePress
- Newscrunch
- Arkhe
- MRクライム
- クリーンジャーナル
- veni
  有料　重い　(Themes Kingdom)
- koji
  無料　軽い
- Eris Lite
  無料
- デザインモード
  
  仮決定　Fukasawa

2023.11.08

第12回ミーティング内容

スマホ版ワイヤーフレーム話し合い

スマホ版とPC版でメニュー構成変えないと画面が混雑する
→ボトムメニュー＋ハンバーガーメニュー
→メインメニューはボックス型で横に、その他メニュー＋リンクは縦に並べる

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
  - 芸学サイトにあってほしい項目、理由
  - その他要望
  - 連絡先を掲載していいかの確認