九芸パレット
九州産業大学芸術学部に関わる人々が、情報を共有し連携できるWebサイト
- 興梠 媛愛
- Keywords：Information, WebDesign, CMS, Communication
- https://k6ss01.stars.ne.jp/kyugeipalette/
概要
これは何？
九州産業大学芸術学部に関わる人々が、情報を共有し連携できるWebサイト
芸術学部に関係する情報をまとめて収集でき、発信したい情報をフォームを通して掲載可能な情報発信・受信のためのWebサイト
背景と目的
- 背景
- 芸術学部に関する情報が集まった専用Webサイトがないため、情報の発信が分散してしまっている
- 他学科、他専攻が何をしているかが分からないという人が多い
- 目的
- 芸術学部の情報が集約された、九州産業大学芸術学部に関する人々が情報が共有できる場所を作る
- 情報の共有をもとに、学科・専攻・学年の垣根を越えて連携することができる活動拠点をWeb上に作る
コンセプト
- 情報が拾いやすく、整理されていて利用しやすいシンプルなデザイン
- 長期的な運用のための情報収集やサイト構造設計
成果物の仕様
メンバー
プロジェクトメンバー
制作ツール
- ハードウエア
- MacBook
- ソフトウエア
- Figma
- Adobe Illustrator
- WordPress
プロジェクトの期間
2025.04.11 - 20XX.XX.XX
まとめ
中間発表
- 今後の流れ
- 5・6・7月 実際に公開できる段階にする
- 8月以降 追加コンテンツを考える
調査
現状調査
先行事例
在学生むけのWebサイト
- 九州大学芸術工学部・大学院芸術工学府・大学院芸術工学研究院
- 芸工アプリ
- 九州大学芸術工学部 在学生向け
- 京都芸術大学 在学生の方へ
- 武蔵野芸術大学 在学生の方へ
- リンクをまとめているWebサイト(リンクページの参考）
- NEWSやイベント、リンクのまとまったWebサイト
- 大学全体の紹介になっているサイトもあるため入試情報も入っているものもあるが今回は入試系の情報は省く
- まとめスプレッドシート
編集マニュアル
技法・技術情報
プロジェクト管理
スケジュール
ToDo
進捗記録
2025.05.23
中間発表
メモ
- K*RISEとの差別化はどのような部分があるのか
作業
2025.05.16
中間プレゼン
- 情報を掲載するためのフロー設計
- リンク設定範囲が大きい方が押しやすくなる
- パレットの意味
- 九州産業大学の芸術学部に関わる人が、白いパレット（Webサイト）の中で学内・地域社会の情報等を共有し色を混ぜていく
作業
- リンク反応範囲設定
- function.phpで$retHtmlと$outputが混合していたので$outputに統一
- ページネーションの設定
2025.05.09
メモ
- リッカート形式部分の言葉の統一性
- 自由記述項目の追加
- 大きい項目部分に説明文追加
作業
- アンケート項目見直し
- ロゴ仮置き
- 3年生にローカル環境の説明
2025.05.02
メモ
- ロゴを実際に配置してみて、固定表示をするかしないかを決定する
作業
- 外部リンクのアイコンの大きさ設定
- ハンバーガーメニュー内の文字の大きさ調整
- 以前書いていたが必要なくなったコードの削除
- 先行事例リンク等まとめスプレッドシート作成
- NEWSの部分の学科タグをカテゴリーに変更
- topページのショートコードを学内・学外で設定できるように変更
- アンケート作成
聞くこと
- カテゴリー・タグページに空白が入る部分の調整方法
- 募集画像のサイズはどのくらいがいいのか
- リンクのページはメニューで設定したほうがいいか
- アンケートの項目は適正か
2025.04.25
変更
- 展示会→イベント（ワークショップ形式や販売の開催も掲載できるようにするため）
メモ
- WordPressの検索結果の部分を変えると変わる（子テーマ必要）
作業
- menu-main, menu-footerの外部サイトリンク横のアイコン追加（位置調整が必要）
- topページの見出し部分のmargin-topを14pxに
- topページのEXHIBITION展示会をEVENTイベントに変更
- ロゴ仮制作
- チーム会議をし現状共有
05.02で聞きたいこと
- 九芸WORKSのロゴのAiデータがあるか
- 背景目的等概要の部分の問題はないか
- ロゴの部分は固定の方がいいか（九芸WORKSは固定していない）
- タグ、年別の部分はどのように表示するか（システム的に）
2025.04.18
決定
- 右の案でベース作成
- 学科のタグの色は九芸WORKSの使用色に変更
作業
- 予定表
- todoリスト
- デザイン
- figmaでtopページ以外のデザイン（色・フォント・シャドウの調整）
- コーディング
- figmaでデザインしている色とシャドウの反映
- チーム
- 現在の状況をチームの人に共有する資料を作成
- 現在の状況をチームの人に共有する資料を作成
次回聞きたいこと
- 検索結果の画面について
- 外部リンクのものにのみ後ろにマークをつける方法
2025.04.11
テーマ決定
- 芸術学部生に寄り添ったWebサイト『九芸パレット』考案・制作（プロジェクトで進行中のもの）
- 情報収集の動線設計
- 芸術学部生が必要とする情報は何なのか
- 今後更新がしやすいフォーマット作り
- 展示会・イベント・公募（・プロジェクト)を中心としたWebサイト
テーマ案
- 芸術学部生に寄り添ったWebサイト『九芸パレット』制作（プロジェクトで進行中のもの）
- 流れる時間を体感するWebサイト
- 目線誘導を活用した体験型Webサイト
現状調査
先行事例
在学生向けのページ
作業
- 学科サイト概要の部分を記載
- 現状調査・先行事例を記載
- デザインのフォント・色・シャドウの調整(九芸WORKSに寄せる)
img1-0509.jpg
0411-2.jpg
0411-1.jpg
