Project/九芸パレット

結論として、サイトという形式ではないが、目標である動くプロトタイプを完成させることができた。
最近では、スマホで手軽に情報を得る人が多いことから、スマホ規格で制作を進めることが主流になりつつあることを知った。そのため、私たちもワイヤーフレームやプロトタイプはスマホ規格で作成し、スマホでの利用を意識した制作を進めている。今後の制作でも利用する人のことを考え、このサイトのニーズである学生間の交流がやり易い環境開発を目指す。
また、本制作はwordpressで行うため子テーマの作成やPHPの理解など、勉強も同時に行っていこうと思う。

↑

調査

↑

現状調査

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

↑

ToDo

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

進捗記録

↑

2023.04.24

↑

第19回ミーティング内容

Todo(優先順位)
- 目標設定★
- コンテンツの再考★
- スケジュール作成★
- ワードプレス構築★
- デザイン(ロゴ、UI)の作成★
- デザインのブラッシュアップ・プロトタイプ★
- 募集方法・要項
- 試運転
- マニュアル

募集メンバー
- コーダー(2~3人)
  →ワードプレスを学びたい人(HTML・CSS・Java・PHPなども含む)
- デザイナー(4人)
  →サイト内デザイン、コンテンツ構成(UI・画面構成など)
- ディレクター(2~3人)
  →スケジュール管理、外部交渉、進歩管理
- 企画
  →みんなでやる

来週やること
- 役職決め(来週月までにある程度やりたい役職を決めてLINEで送信)
- メンバー募集有無の確認

↑

2024.04.10

↑

第18回ミーティング内容

前期のミーティング日程
Todo
- ビジュアル(サイトグラフィック)
- WordPressのテーマ決め
- トップ画面作品募集について
- 教員の連絡先について

メモ
- ロゴやデザイン面
  →新入生用バッグのように募集する

来週やること
- 先生に聞く
- ロゴなどデザイン面をどうしていくか決める

↑

2023.11.29

↑

第16回ミーティング内容

子テーマ作成学習
参考>>Customize
プロトタイプ作成（Figma）
サイトのメインカラー決定（学科の色から各自選べる仕組みにする）
- 赤（#DA7861）
- 青（#5EB4EF）
- 緑（#61D87D）
- 橙（#F2BE5C）
- 紫（#AA70E7）

↑

第17回ミーティング内容

メインビジュアル作成
Googleドライブ

プロトタイプの最終調整

発表練習
- 概要、スケジュール担当（江川）
- プロトタイプ担当（西山、田代、渡辺）
- まとめ担当（濱）

↑

2023.11.22

↑

第15回ミーティング内容

子テーマ作成学習
参考>>Child Theme

wordpressのテーマを選定
- fukasawa
- Cocoon
ワイヤーフレームの調整

↑

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回ミーティング内容

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

ロゴ案決定
- シンボルマーク
- ロゴタイプ
サイトマップ確認
サイトマップ
次回までにすること
- ロゴ作成
- サイトマップ改正
- サイトマップ改正

↑

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

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

概要

これは何？

背景と目的

コンセプト

成果物の仕様

メンバー

制作ツール

プロジェクトの期間

まとめ

調査