MOTIVATION SwitCh site
MOTIVATION SWITCH with site!
概要
これは何？
やる気スイッチON、OFFのあるあるをまとめたWebサイト。
- やる気スイッチON、OFFあるある
- やる気スイッチがONになるきっかけ、ヒント
背景と目的
「やる気、出ない。」
明日までの課題、1時間後のバイト、1限の座学…
やる気を出さないといけないのに、出ない時ってあるある。
「やる気スイッチ、コントロールできたらいいのに…」
それを形にしてみよう！で始めるプロジェクト。
しかし…
やる気スイッチは人それぞれで、サイトを通してコントロールするのは難しいと考えたため、メインは楽しく見れるあるある集サイトという方向性で企画する。
やる気がない時は、色々と上手くいかなかったり何よりも楽しくなかったりが多く、そんなやる気がない日や時間を好きになれない。
そのため、プロジェクトの目的は「やる気スイッチがOFFの状態もちょっと好きになれる」こと。
制作ツール
Visual Studio Code, AI（Google Gimini）
成果物の仕様
Webサイト（GitHub）
進捗記録
2025.07.07
2025.07.06
見出された問題点
- サイトの説明がないためわかりにくい →訂正済み（WHAT IS THIS?）
2025.06.30
見出された問題点
2025.06.23
見出された問題点
- 文字だけでなく、ボタン全体が反応するようにする →訂正済み
好評を得た点 ＞ プロジェクトの特性として
- サイトのシンプルさ、デザイン、雰囲気
- プロジェクトの発想
2025.06.16
今回制作したプロトタイプ
プロトタイプの説明
- Webサイト
- プロトタイプのサイトを基に修正をして、成果物とする。
2025.06.14
- Web制作（HTML、CSS、JavaScript）
2025.06.13
2025.06.12
- Web制作（HTML、CSS、JavaScript）
2025.06.09
現状分析
- プロジェクトテーマと同様の「テーマ内容」に関する先行事例を探す。
- プロジェクトの成果物の「表現形式」に関する先行事例を探す。
- プロジェクトのテーマに関わる「技術」について調査する
課題定義
- 公開方法
Webサイト
- 成果物のネーミング
MOTIVATION SwitCh site → MOTIVATION SWITCH with site
- 成果物の形式（分量とサイズ）
Webサイト
- 素材（データ）の入手方法
Google forms
- 制作環境と方法
PCで作業。AIを活用して制作する。
制作上のアイデア（課題ごとに複数のアイデア）
- スイッチで切り替えられるようにする
ONのページ
OFFのページ
- あるあるをまとめる
ON、OFFのページそれぞれ5つくらい？
2025.06.02
To Do リスト
- サイトの内容を考える
- あるあるアンケートをとる？
- Figmaでワイヤーフレームを作る
- サイト制作に取り掛かる
MEMO
- ホーム中央のサイトをクリックすることでONとOFFを切り替えられる仕様にする
- ONとOFFでふたつのページを作る
- やる気スイッチがONになるきっかけ（余裕があれば）
テーマ候補
成果物の仕様
この演習を通して身につけたいスキル
自分自身の関心事
- 写真（斜影、斜光）
- 二面性
- 美術館（主に絵画や写真）を楽しむ
- 「個人差」や「人それぞれ」
- 白い朝
- キャンドル
- 自炊
- プレイリスト
- スケジュール管理
- アート融合
- 音楽と写真
- 映像と3DCG
- 映像と絵画 etc...
- やる気スイッチ
- 体験型
- 1→10（想像）
- 日記
- ジャーナリング
- キャッチコピー
面白い！と思った先輩方のプロジェクト
