山口佳奈

Kana Yamaguchi

山口 佳奈

Projects

文芸部Webサイト開発(KSU Literary Club)

情報デザイン演習IIIAにて九州産業大学文芸部のWebサイトを共同で制作。サブページのデザイン・コーディングを担当。

Term

2019.10.17~2020.01.15

Output

KSU Literary Club

Links

• Project/文芸部Webサイト開発
• 山口佳奈/情報デザイン演習IIIA
• 深江沙羅/情報デザイン演習IIIA
  
  
  
  

大刀洗町西鉄バスフルラッピングプロジェクト

大刀洗町西鉄バスフルラッピングプロジェクトに参加。クライアントへのヒアリング、コンセプト設計、デザインの提案をチームで行った。

Term

2019.04~2019.07

Output

天神イムズにてラッピングバスの模型を展示。

• 九産大プロデュース展2020
• 九産大プロデュース展2020【天神イムズB2Fイムズプラザ】九産大×産学官連携の活動成果展（YOKANAVI）
  
  

Links

• Project/大刀洗町プロモーション
• 大刀洗町西鉄バスフルラッピングプロジェクト（九州産業大学HP）
• 今村天主堂にバス停（西日本新聞）
  
  
  
  
  
  

Works

Webメディア

2Dゲーム
https://bit.ly/3xruUp7

方向キーでキャラクターを操作してゴールを目指すゲーム。

• 使用ツール : p5.js, Piskel
• 開発言語 : JavaScript
• 制作年月日 : 2020.07.30~2020.08.07
  
  

画像描画
https://preview.p5js.org/pusachichanconabe/present/AYeSUrH_i

画像を読み込み、画像の色に合わせて “A”, “B”, “C” の文字がランダムで現れる。

• 使用ツール : p5.js
• 開発言語 : JavaScript
• 制作年月日 : 2020.07.06
  
  

WEBGLを用いた3DCGアニメーション
https://bit.ly/3grV45A

モビールを表現。マウスの位置で光源が変わる。

• 使用ツール : p5.js (WEBGL)
• 開発言語 : JavaScript
• 制作年月日 : 2020.07.13~2020.07.17
  
  

コメント投稿フォーム
https://sq-carpal-flyingfishe.glitch.me/

CSSでアニメーションを設定。投稿したコメントが左右に動く。

• 使用ツール : Glitch (EJS, SQLite)
• 開発言語 : CSS, C
• 制作年月日 : 2020.12.04~2020.12.11
  
  
  
  

グラフィック

→山口佳奈/視覚デザイン実習

Adobe Illustratorを使用したグラフィックの制作

• 使用ツール : Adobe Illustrator
• 制作年月日 : 2019.09.20~2020.01.15
  
  
  
  

映像

→山口佳奈/情報デザイン演習IIIB

Adobe After Effectsを用いた映像制作

• 使用ツール : Adobe After Effects
• 制作年月日 : 2019.09.18~2020.01.06
  
  
  
  

イラスト

花鳥風月
https://drive.google.com/file/d/16gQamcS4Bjfi1q0mKPknK71mCy2aRdZU/view?usp=sharing

九州産業大学文芸部部誌の表紙・挿絵。

• 使用ツール : Adobe Illustrator
• 作品サイズ : A4
• 制作年月日 : 2019.08.26~2019.08.30
• 制作所要時間 : 約40時間