LogoMark.png

劉沢寧/情報デザイン研究I の履歴(No.12)


気分転換セレクト

今日の気分に合わせて気分転換を選べるWebサイト

 

#image(): File not found: ".jpg" at page "劉沢寧/情報デザイン研究I"

  

概要

これは何?

今の気分や使える時間に合わせて、できそうな気分転換を選べるWebサイト

背景と目的

学業や仕事で疲れを感じた時、気分転換の方法に迷うことがある。
本制作では、今の気分や使える時間に合わせて、気軽にできる気分転換を選べるWebサイトを提案する。

コンセプト

今の状態に合わせて、気軽に気分転換を選べるサイト

成果物の仕様

webサイト

制作ツール

VScode
HTML
CSS

プロジェクトの期間


まとめ




調査

現状調査

先行事例

技法・技術情報




プロジェクト管理

スケジュール


ToDo



進捗記録




2026.06.25

サイト一旦完成

2026.06.18

2026.06.11

・サイト構成の整理

2026.06.04

サイト制作開始構成の見直し。
制作を進める中で、前に考えていたカテゴリー選択は内容が広くなりすぎると思ったそのため、食事・場所・行動などの大きな分類は使わないことにした。
今は、トップページから「条件で選ぶ」と「ランダムで選ぶ」に分けている。
最後に結果ページで、気分転換の内容を表示する流れにした。
ワイヤーフレーム再構築

ワイヤーフレームz.jpg

2026.05.21

中間審査
テーマを見直した後、VSCodeを使ってWebサイトの制作を始めた。
ページは、トップページ、条件で選ぶページ、ランダムページ、結果ページの4つにした。条件で選ぶページでは、今の気分、時間、場所、費用を選べるようにした。
ランダムページでは、条件を選ばなくても気分転換を出せるようにした
サイトマップ再構築

サイトマップ.jpg

2026.05.14

中間審査
テーマ案の見直し
中間審査で、テーマの範囲が広いと言われた。
最初は、食事・場所・行動など、いろいろな内容を入れようとしていた。しかし、内容が多すぎると、何のサイトか分かりにくくなると思ったそのため、テーマをもう少し小さくする必要があると感じた

2026.05.07

中間審査

2026.04.30

サイトマップ

webmap.jpeg

ワイヤーフレーム

ワイヤーフレーム.jpeg

2026.04.23

テーマ案のための調査&詳細

(選択肢が多すぎる・情報が多すぎる・迷う時間が増える など)

2026.04.16

テーマ案の絞り込み

2026.04.09

テーマ