LogoMark.png

泉百々/情報デザイン演習IIA_02 の変更点


#author("2026-07-24T02:17:49+09:00;2026-07-06T15:13:24+09:00","default:member","member")
#author("2026-07-24T02:18:11+09:00;2026-07-06T15:13:24+09:00","default:member","member")
*BAKERY NOTE
行橋市のパン屋について紹介するサイト
#image(メインビジュアル.png)
-''Momo Izumi''
-'''Keywords:パン屋, HTML'''
-https://zumimo-to.github.io/BAKERYNOTE/
-__[[相互評価シート>https://docs.google.com/spreadsheets/d/1ZLrt4UgI1seReViaJ67EkFWIsI1OcLyTm-SIkpcCgUU/edit?usp=sharing]]__  ← ここからコメントをお願いします。
//-__[[相互評価シート>https://docs.google.com/spreadsheets/d/1ZLrt4UgI1seReViaJ67EkFWIsI1OcLyTm-SIkpcCgUU/edit?usp=sharing]]__  ← ここからコメントをお願いします。

~



**概要
~
***背景と目的
//&color(red){プロジェクトの背景と目的};
地元には魅力的なパン屋が数多くあるものの、まだ多くの人に知られていない店舗も少なくない。そのため、本サイトを通じて地元のパン屋の店舗情報や魅力を紹介し、より多くの人に認知してもらうこと、行ってみたいと思ってもらうことを目的とする。
~


***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
-Webサイト
~

***制作ツール
//&color(red){何を使って制作するか(デジタル / アナログ 自由)};
-Visual Studio Code
-Illustrator
-Photoshop
~
~


#hr
CENTER:''進捗記録''
#hr
~
~
**2026.07.20
***改善点
-地元という表記は曖昧だから具体的地名を入れる
-パン屋をパン屋さんという呼び方に変更
~
~
**2026.07.13
***作業の記録
-HTML、CSSの編集
-
***MEMO(次回すること)
-メニューバーのお店一覧部分から、それぞれの店に飛べるようにする←ドロップダウンメニュー
~写真を来週までに撮影して入れ込む
~
~
**2026.07.06
***作業の記録
-HTML、CSSのファイルを準備
-GitHubにデータをあげ実際に見れるかの確認
-メニューバーの作成
~
***MEMO(次回すること)
-大まかな文章、画像をHTMLに打ち込む
-メニューバーがうまく動くようにCSSを編集
~
~
**2026.06.29
***見出された問題点
-パン屋を評価する時の項目についてより多くの観点からの記載が必要
--アクセス、最寄駅
--パンの値段帯
--イチオシのパン
-説明は1ページにまとまっている方が見やすい
--サイトマップの見直し
#image(map-2.jpg)
~

***好評を得た点 > プロジェクトの特性として
-
~
~


**2026.06.22
***今回制作したプロトタイプ
#image(サイトマップ.png)
~

***プロトタイプの説明
-パン屋1と同様にパン屋ごとに説明ページを作る
~
~
**2026.06.15

***現状分析
-「テーマ内容」に関する先行事例
--[[パン好き必見!福岡のおすすめパン屋さん巡り>https://www.kyushu-card.co.jp/get_card_personal/magazine/nd/20241001/]]
-「表現形式」に関する先行事例
--[[みつける。だから感動する。>https://japan-heritage-ueda.com]]
--[[YOUR CITY GOOD?(NAGOYA)>https://yourcityisgood.com/nagoya/]]
-時間的情報(歴史)
-空間的情報(地理)
~
 
***課題定義
-1.パン屋の説明にどのような情報を載せるか選定する
-2.Webサイトの構成を確定させる
-3.パン屋の写真を集める

~

***制作上のアイデア(課題ごとに複数のアイデア)
-1. お店の写真は店内、店外を撮影させてもらう
--実際に行ったときに、お店の外観がわかったほうが便利
--内観があることにより店の雰囲気がわかりやすくなる

-2. ロゴを作る
--開くときに真ん中に表示

-3. わかりやすいトップページ
--簡単な構成
--お店を見るときに、操作を簡単にする必要がある
~
~

**2026.06.08
***テーマ候補
-''家の近くのパン屋の情報についてまとめたサイト''
-遅い時間でもチェックインできるホテルをまとめたサイト
-地元の商店についてまとめたサイト
~

***成果物の仕様
-形式:Webサイト(HTML)
-サイズ:未定
-分量:未定
~

***参考リンク
-[[ホテル一覧 | Next STAY>https://www.nextstay.co.jp/hotels/]]
-[[stay turned>https://staytuned.asia/ja]]
-[[クランド>https://kurand.jp/products/tsukishio#ストーリー]]
~
 
***この演習を通して身につけたいスキル
-Webサイトの作成
-わかりやすい視覚デザイン
~
~

~