BLACK AND WHITE
カフェスイーツ紹介サイト
メインビジュアル、あるいは プロジェクトの最新の状態を視覚的に掲載
- Chihiro Nakai
- Keywords:Sweets, Web, Black, White, 商品ページ,
- https://www.example.com
概要
これは何?
福岡県にあるカフェスイーツを紹介する”無機質”Webサイト
背景と目的
- 背景
近年のカフェ業界の現状は内装やレイアウトにこだわり、コンセプトに沿ったものが多くある
その中でも”無機質”をコンセプトにしているカフェが増えてきている - 目的
スイーツ商品と”白黒”を掛け合わせてビジュアル的なWebサイト(見て楽しめるサイト)を作ること
コンセプト
- モノトーンによるビジュアルデザインが人に与える印象・イメージ
- 無機質なデザインによる心理効果
- 視覚的に読みやすいサイト作成
成果物の仕様
Webサイト
メンバー
中井千尋
制作ツール
- ハードウエア
MacBook Pro
- ソフトウエア
Dreamweaver or wix
Photoshop
Illustrator
Capcut
※余裕があれば動画作成
プロジェクトの期間
プロジェクトの期間|2024.04.09 - 2024.07.09
まとめ
プロジェクトが完結したら「まとめ」を記載
調査
現状調査
問題の洗い出し
インターン先で商品ページに関わる機会があったが、技術的に力不足なところがあった
→参考資料やコードを調べるなどをする
デザインに凝りすぎると何が目的かわからなくなる
→視覚的に読みやすい構成を調べる
先行事例
- Webサイト
株式会社BAKE
allée
cobuke coffee - ランディングページ
landing page
技法・技術情報
プロジェクト管理
スケジュール
ToDo
サイトマップ- ワイヤーフレーム
- サイト構成
- 資料集め
進捗記録
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
XXXX
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
2024.05.07
XXXX
- ◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
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 イラスト制作
- 商品ページ(スイーツ・ごはん)
→自身での商品撮影など - マンガ紹介
→著作権などに引っかからない引用の仕方をする