#author("2024-05-14T14:33:17+09:00","default:member","member") #author("2024-05-14T15:55:13+09:00","default:member","member") *Black And White カフェスイーツ紹介サイト メインビジュアル、あるいは プロジェクトの最新の状態を視覚的に掲載 -''Chihiro Nakai'' -'''Keywords:Sweets, Web, Black, White, 商品ページ''' -https://www.example.com //-__[[調査アンケート>https://forms.office.com/r/Q4Mjdw2HCw]]__ ← ご協力お願いします‼︎ //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ ~ **概要 ***これは何? 福岡県にあるカフェスイーツを紹介する”無機質”Webサイト ~ ***背景と目的 -背景 近年のカフェ業界の現状は内装やレイアウトにこだわり、コンセプトに沿ったものが多くある その中でも”無機質”をコンセプトにしているカフェが増えてきている -目的 スイーツ商品と”白黒”を掛け合わせてビジュアル的なWebサイト(見て楽しめるサイト)を作ること ~ ***コンセプト //基本的な考え方、枠組み、視点など -モノトーンによるビジュアルデザインが人に与える印象・イメージ -無機質なデザインによる心理効果 -視覚的に読みやすいサイト作成 ~ ***成果物の仕様 -3年前期:Webサイト -3年後期: -4年前期: -4年後期:webサイト( Javascript )完成 ~ ***メンバー 中井千尋 ~ ***制作ツール -ハードウエア MacBook Pro -ソフトウエア Dreamweaver or wix Photoshop Illustrator Capcut ※余裕があれば動画作成 ~ ***プロジェクトの期間 プロジェクトの期間|2024.04.09 - 2024.07.09 ~ ***まとめ プロジェクトが完結したら「まとめ」を記載 ~ ~ **調査 ***現状調査 //プロジェクトのテーマに関わる社会の現状 -Z世代に人気の”無機質カフェ”(モノクロカフェ)について __[[記事①>https://xtrend.nikkei.com/atcl/contents/18/00627/00002/]]__ __[[記事②>https://jocr.jp/raditopi/2023/05/04/501143/]]__ __[[記事③>https://logocompe.jp/manual/column/%E3%83%A2%E3%83%8E%E3%83%88%E3%83%BC%E3%83%B3%E3%81%AE%E7%A8%AE%E9%A1%9E%E3%81%A8%E4%B8%8E%E3%81%88%E3%82%8B%E5%8D%B0%E8%B1%A1/]]__ -夜カフェについて __[[記事>https://liber-inc.co.jp/wakashiru/2402/]]__ ~ 問題の洗い出し インターン先で商品ページに関わる機会があったが、技術的に力不足なところがあった →参考資料やコードを調べるなどをする デザインに凝りすぎると何が目的かわからなくなる →視覚的に読みやすい構成を調べる ~ ***先行事例 -Webサイト __[[株式会社BAKE>https://cheesetart.com/]]__ __[[allée>https://alleeomotesando.jp/]]__ __[[cobuke coffee>http://cobukecoffee.com/]]__ -ランディングページ __[[landing page>https://pin.it/3IP0q3Rlg]]__ ~ ***技法・技術情報 - ~ **プロジェクト管理 ***スケジュール __[[タスク管理>https://ksumail-my.sharepoint.com/:x:/g/personal/k22as022_st_kyusan-u_ac_jp/EcTKFciqucpLofoO0c9XOCEBZhztlkGQQ8e6fF2bi9MNoQ?e=7bdaE5]]__ ~ ***ToDo -%%サイトマップ%% -ワイヤーフレーム -サイト構成 -資料集め ~ #hr CENTER:''進捗記録'' #hr ~ ~ **2024.07.09 ***XXXX -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2024.07.02 ***XXXX -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2024.06.25 ***XXXX -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2024.06.18 ***XXXX -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2024.06.11 ***XXXX -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2024.06.04 ***XXXX -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2024.05.28 ***XXXX -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2024.05.21 ***XXXX -◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ ~ **2024.05.14 ***作業(記入) -成果物の仕様 -技法・技術情報 ***作業(作成) -ワイヤーフレーム作成 ( PC ) ~ **2024.05.07 ***作業(作成) -ワイヤーフレーム作成 ( PC ) ~ **2024.04.30 ***作業(記入) -現場調査 -現状調査 ~ ***作業(作成) -ワイヤーフレーム作成 ( SP , PC ) ~ **2024.04.23 ***作業(記入) -背景と目的、コンセプト -タスク管理シート作成 -モノトーンに関するアンケート作成 -現状調査 -問題の洗い出し ~ ***Webサイズ -スマートフォンサイズ(400px以下) -パソコンサイズ(〜1800) ※余裕があれば、タブレットサイズ(850px以下) ~ **2024.04.16 ***テーマの決定と深掘り(商品ページ) -白と黒を基調としたWebページ -スイーツを主軸に掲載 ※余裕があれば、リール動画も作成する ~ ***作業(作成) -サイトマップ完成 #image(sitemap.png,50%) -ワイヤーフレーム作成 ~ ***調査 -各ページのサイズ(スマホ、パソコン、タブレット) -__[[商品ページ参考>https://pin.it/5PHopce7g]]__ -__[[ランディングページ>https://pin.it/3IP0q3Rlg]]__ ~ ***先行事例 -参考サイト __[[株式会社BAKE>https://cheesetart.com/]]__ __[[cobuke coffee>http://cobukecoffee.com/]]__ __[[allée>https://alleeomotesando.jp/]]__ __[[どんどん亭>https://www.dondontei.com/campaign/umakarakankokucheesefair2024/]]__ ~ **2024.04.09 ***テーマ案(作りたいもの) -MV制作 or イラスト制作 -商品ページ(スイーツ・ごはん) →自身での商品撮影など -マンガ紹介 →著作権などに引っかからない引用の仕方をする ~