• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 大島詩絵里/情報デザイン演習IIA_02 へ行く。
  • 1 (2026-06-08 (月) 14:19:57)
  • 2 (2026-06-08 (月) 16:29:59)
  • 3 (2026-06-08 (月) 16:29:59)
  • 4 (2026-06-22 (月) 14:54:02)
  • 5 (2026-06-22 (月) 14:54:02)
  • 6 (2026-07-06 (月) 15:27:42)
  • 7 (2026-07-13 (月) 15:57:15)
  • 8 (2026-07-13 (月) 16:06:00)
  • 9 (2026-07-13 (月) 16:06:00)
  • 10 (2026-07-20 (月) 11:23:16)
  • 11 (2026-07-20 (月) 16:18:27)

---

貯金Climb⛰️

夢へのローマップ 〜貯金可視化webサイト〜

 

            メインビジュアル、あるいは
            プロジェクトの最新の状態を視覚的に掲載

  

• Oshima Shieri
• Keywords：Webデザイン, 視覚デザイン, ・・・, ・・・
• 相互評価シート__ ← ここからコメントをお願いします。

概要

背景と目的

自分の貯金額を可視化することで貯金にやる気が出るのではないかと思ったから

成果物の仕様

WEBサイト

制作ツール

HTML,CSS

---

---

2026.06.29

見出された問題点

• ◯◯◯◯◯、◯◯◯◯◯◯
• ◯◯◯◯◯◯◯、◯◯◯◯◯◯
• ◯◯◯◯◯◯◯、◯◯◯◯◯◯
  
  

好評を得た点 ＞ プロジェクトの特性として

• ◯◯◯◯◯◯◯、◯◯◯◯◯◯
• ◯◯◯◯◯、◯◯◯◯◯◯
• ◯◯◯◯◯◯◯、◯◯◯◯◯◯
  
  
  
  

2026.06.22

今回制作したプロトタイプ

プロトタイプの説明

2026.06.15

現状分析

• 参考サイト
  • 貯金　可視化サイト

課題定義

• 1. シンプルなレイアウトを採用する。
• 2. HTMLでページ構成を作成し、CSSでデザインを整える。
• 3. スマホでも見やすいレスポンシブデザインにする。
  
  

制作上のアイデア（課題ごとに複数のアイデア）

• 1. デザイン
  • 貯金の目標達成までの道のりを山登り風に可視化する

• 2. webサイト　イメージ
  • 参考１

• 3. visual studio code
  • webデザイン演習で学んだことを活かしてサイトを作る

2026.06.08

テーマ候補

• スタバおすすめカスタム一覧
• 貯金可視化サイト
• 2026年　福岡の夏休みイベント　紹介サイト(大学生向け)
• おすすめの朝活

成果物の仕様

• 形式：webサイト

この演習を通して身につけたいスキル

• visual studio code
  
  

参考リンク

• 福岡　夏イベント
• 貯金　可視化サイト