• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 中井千尋/情報デザイン研究I へ行く。
  • 1 (2024-04-02 (火) 15:26:42)
  • 2 (2024-04-09 (火) 16:53:48)
  • 3 (2024-04-11 (木) 15:44:52)
  • 4 (2024-04-12 (金) 09:45:28)
  • 5 (2024-04-16 (火) 16:54:35)
  • 6 (2024-04-16 (火) 17:17:03)
  • 7 (2024-04-23 (火) 16:19:54)
  • 8 (2024-04-23 (火) 17:13:39)
  • 9 (2024-04-30 (火) 15:15:12)
  • 10 (2024-04-30 (火) 17:11:46)
  • 11 (2024-05-07 (火) 16:31:55)
  • 12 (2024-05-14 (火) 15:55:13)
  • 13 (2024-05-19 (日) 21:18:39)
  • 14 (2024-05-21 (火) 00:20:23)
  • 15 (2024-05-21 (火) 14:05:44)
  • 16 (2024-05-21 (火) 17:40:27)
  • 17 (2024-05-21 (火) 19:57:56)
  • 18 (2024-05-22 (水) 17:26:56)
  • 19 (2024-05-23 (木) 14:44:18)
  • 20 (2024-05-28 (火) 15:40:49)
  • 21 (2024-06-07 (金) 10:06:13)
  • 22 (2024-06-08 (土) 13:15:05)
  • 23 (2024-06-09 (日) 18:17:13)
  • 24 (2024-06-11 (火) 15:48:36)
  • 25 (2024-06-15 (土) 16:18:30)

---

Black And White

カフェスイーツ紹介サイト

• Chihiro Nakai
• Keywords：Sweets, Web, Black, White, 商品ページ
• 試作Webサイト
• 調査アンケート ← ご協力お願いします‼︎
  
  
  
  

概要

これは何？

福岡県にあるカフェスイーツを紹介する”モノトーン”Webサイト

背景と目的

• 背景
  近年のカフェ業界の現状は内装やレイアウトにこだわり、コンセプトに沿ったものが多くある
  その中でも”モノトーン”をコンセプトにしているカフェが増えてきている
• 目的
  スイーツ商品と”モノトーン”を掛け合わせてビジュアル的なWebサイト（見て楽しめるサイト）を作ること
  
  

コンセプト

• 無機質なデザインによる心理効果（人に与える印象・イメージ）
• 視覚的に読みやすいサイト作成
• ビジュアルデザインを使ってより商品を魅力的にする
  
  

成果物の仕様

• 3年前期：Webサイト ( サイト構成 / 素材集め / HTML / CSS )
• 3年後期：Webサイト ( CSS / Javascript )
  
  

メンバー

中井千尋

制作ツール

• ハードウエア
  MacBook Pro

• ソフトウエア
  Dreamweaver or wix
  Photoshop
  Illustrator
  
  

プロジェクトの期間

プロジェクトの期間｜2024.04.09 - 2024.07.09

まとめ

プロジェクトが完結したら「まとめ」を記載

調査

現状調査

• Z世代に人気の”無機質カフェ”（モノクロカフェ）について
  記事①
  記事②
  記事③
• 夜カフェについて
  記事
  
  

問題の洗い出し
インターン先で商品ページに関わる機会があったが、技術的に力不足なところがあった
→参考資料、サイトやコードを調べる
デザインに凝りすぎると何が目的かわからなくなる
→視覚的に読みやすい構成を調べる（ Z字、コの字 ）

先行事例

• Webサイト
  株式会社BAKE
  allée
  cobuke coffee
• ランディングページ
  landing page
  
  

技法・技術情報

• 
  

プロジェクト管理

スケジュール

タスク管理

ToDo

• サイトマップ
• ワイヤーフレーム
• サイト構成
• 資料集め
• HTML
• CSS
• Javascript
  
  

---

---

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

中間発表

• 問題洗い出し
  • ”無機質”が
• 試作Webサイト
• 調査アンケート
  
  

2024.05.14

作業(記入)

• 成果物の仕様

作業(作成)

• ワイヤーフレーム作成 ( PC )
  
  

2024.05.07

作業(作成)

• ワイヤーフレーム作成 ( PC )
  
  

2024.04.30

作業(記入)

• 現状調査
  
  

作業(作成)

• ワイヤーフレーム作成 ( SP , PC )
  
  

2024.04.23

作業(記入)

• 背景と目的、コンセプト
• タスク管理シート作成
• モノトーンに関するアンケート作成
• 現状調査
• 問題の洗い出し
  
  

Webサイズ

• スマートフォンサイズ(400px以下)
• パソコンサイズ(〜1800)
  ※余裕があれば、タブレットサイズ(850px以下)
  
  

2024.04.16

テーマの決定と深掘り(商品ページ)

• 白と黒を基調としたWebページ
• スイーツを主軸に掲載
  ※余裕があれば、リール動画も作成する
  
  

作業(作成)

• サイトマップ完成
  
  
  

調査

• 各ページのサイズ（スマホ、パソコン、タブレット）
• 商品ページ参考
• ランディングページ
  
  

先行事例

• 参考サイト
  株式会社BAKE
  cobuke coffee
  allée
  どんどん亭
  
  

2024.04.09

テーマ案（作りたいもの）

• MV制作 or イラスト制作
• 商品ページ（スイーツ・ごはん）
  →自身での商品撮影など
• マンガ紹介
  →著作権などに引っかからない引用の仕方をする