藤本唯人/情報デザイン研究II

カフェる

カフェ、喫茶店紹介フォトギャラリー ・・・・・・・・・・・・・・・・

• 藤本唯人
• カフェ、喫茶店：・・, ・・・, ・・・, ・・・
• https://yui-fj.github.io/cafe/

CONTENTS

概要

これは何？

喫茶店やカフェを紹介するフォトギャラリー

背景と目的

ここ近年大型チェーン店の拡大、コンビニエンスストアのコーヒー販売やコロナの影響による個人経営のカフェや喫茶店の衰退が多くなっています。
このような背景から個人経営のカフェや喫茶店をアーカイブとして残したいのと同時にたくさんの若者にチェーン店では味わえないようの 空間を写真を通して伝えて足を運んでもらいたい。

コンセプト

個人経営店だからこその空間を伝えれるようなwebサイトを作る

成果物の仕様

webサイト

メンバー

藤本唯人

制作ツール

sony α7Ⅲ
Visual Studio Code
illustrator

プロジェクトの期間

2023.9.20 - 2023.12.25

まとめ

商品撮影のみじゃ無く、店舗の外装写真や店内雰囲気、そこで働いている方の写真を載せることで個人経営店だからこその空間の写真を撮ることができた。webについての勉強を3ヶ月ほどしかできなかったが、自分の思いどりに動くようになってワイヤーフレーム通りの製作ができた。撮影からコーディングまで一人で行うのがきつかったです。今後も制作を続けていこうと思います。

調査

現状調査

コロナで二極化が進むカフェ、喫茶店

先行事例

KIJI フリーライター 山田 祐一郎
遠水イッカン

技法・技術情報

webデザイン
写真加工

プロジェクト管理

スケジュール

スケジュール

ToDo

カフェ調査

2023.12.20

• 研究課題としてはここまでにして今後は趣味としてサイト運営を続けていこうと思う
• 最終成果物再掲載
  
  
  
  
  
  

2023.12.13

• 最終成果物発表
  • HomeとPhotoページの区別
    • 今後のサイト運営で改善していく
    • i coffeeをどうやって個人経営感を出すのか
      
      
      
      
      
      

2023.12.6

• i coffeeワイヤーフレーム制作(途中)
  
  
  
  
  
  
  

2023.11.29

• トップページ(ワイヤフレーム)再度作成
  • トップページは簡略化したかったのでメインビジュアルと写真ページの一部を持ってきました。
    
    
    

2023.11.22

• アンティークギャラリー喫茶弁弁(ワイヤーフレーム完成)
  • アンティークの雰囲気をより出すためにバックグランドカラーを黒にしました。商品の撮影のみじゃなく店内の雰囲気であったり、マスターの顔を乗せることで個人経営店だからこそのwebサイトを制作できました。
    
    
    

2023.11.15

• アンティークギャラリー喫茶弁弁(ワイヤーフレーム作成)
  
  
  

2023.11.8

• 北九州　アンティークギャラリー喫茶弁弁にて取材
  
  
  
  
  
  

2023.11.1

• i coffeeにて取材
• 松下記念館にて取材
  
  
  
  

2023.10.25

サイトマップ再度作成

ワイヤーフレーム再度作成

• ワイヤーフレーム
  
  
  

2023.10.18

作業内容

• Aboutページの作成完了(仮)
• カフェ、喫茶店リスト
  • i coffee (赤坂)
  • ギャラリー喫茶弁弁 (門司)
  • 珈琲美美 (赤坂)
  • 屋根裏　獏 (天神)
  • 雑貨とカフェ THE VAULTS (室見)
  • 松下記念館 (赤坂)
    
    
    
    

2023.10.11

作業内容

• ワイヤーフレーム作成
  ワイヤーフレーム
  
  
• Aboutページの作成(仮)

2023.10.4

作業内容

• 先行事例調査
• 個人経営が廃業になっていく理由の調査
  
  
  
  

2023.9.27

テーマの決定

• カフェと喫茶店のフォトギャラリー
  
  
  
  

サイトマップ

2023.9.20

テーマの洗い出し

• うなぎ飯
• webで伝えるカフェと喫茶店のフォトギャラリー