今日の気分に合わせて気分転換を選べるWebサイト
今の気分や使える時間に合わせて、できそうな気分転換を選べるWebサイト
学業や仕事で疲れた時に、何をすればよいか迷う小さな気分転換に注目し、今の気分や使える時間に合わせて選べるWebサイトとして表現する。本作は、情報が多い中で自分に合う気分転換をすぐに選びにくい状況をテーマに、利用者が考えすぎずに気軽に行動を始められる時間を提供する。そのために、条件選択とランダム提案の仕組みを取り入れ、迷った時でも無理なく気分転換を選べる流れを制作に反映させる。
今の状態に合わせて、気軽に気分転換を選べるサイト
webサイト
VScode
HTML
CSS
2026.04.09 - 2026.07.16
条件選択とランダム提案によって、利用者が今の状態に合わせて気分転換を選ぶきっかけとなった。文字だけで方法を並べるのではなく、気分、時間、場所、費用という項目から選べるようにしたことで、一目で自分に合う行動を確認できる点が特徴である。日常の小さな休憩や作業の合間に使う手段として、また提案内容を増やすことで、より幅広い場面で活用できると考える。
サイト一旦完成
・サイト構成の整理
サイト制作開始構成の見直し。
制作を進める中で、前に考えていたカテゴリー選択は内容が広くなりすぎると思ったそのため、食事・場所・行動などの大きな分類は使わないことにした。
今は、トップページから「条件で選ぶ」と「ランダムで選ぶ」に分けている。
最後に結果ページで、気分転換の内容を表示する流れにした。
ワイヤーフレーム再構築
中間審査
テーマを見直した後、VSCodeを使ってWebサイトの制作を始めた。
ページは、トップページ、条件で選ぶページ、ランダムページ、結果ページの4つにした。条件で選ぶページでは、今の気分、時間、場所、費用を選べるようにした。
ランダムページでは、条件を選ばなくても気分転換を出せるようにした
サイトマップ再構築
中間審査
テーマ案の見直し
中間審査で、テーマの範囲が広いと言われた。
最初は、食事・場所・行動など、いろいろな内容を入れようとしていた。しかし、内容が多すぎると、何のサイトか分かりにくくなると思ったそのため、テーマをもう少し小さくする必要があると感じた
中間審査
（選択肢が多すぎる・情報が多すぎる・迷う時間が増える など）