阿南慶子/情報デザイン研究I

Sugar

気分や季節から選ぶお菓子のレシピを紹介するサイト

• 阿南慶子
• Keywords：sweets, season
• https://keikoan0103.github.io/sugar/

概要

これは何？

• このサイトは、ユーザーの「気分」や「季節」、「社会的な出来事」などに合わせて最適なお菓子を提案し、そのレシピを紹介するメディアである。単なるレシピサイトではなく、「今、なぜこのお菓子を食べたいのか？」という感情や社会的背景に寄り添うことで、食を通じた心のケアや文化的なつながりを創出することを目指す。
  
  

背景と目的

• 背景
  近年、日常生活の中で「時短」や「効率」が重視される時代にとなっている。お菓子もコンビニやネットで手軽に購入できるようになり、自分で作る機会は減ってきている。一方で、手作りすることで得られる達成感や癒し、自分や誰かを思う時間の価値も見直されている。また、季節や感情に合わせてお菓子を選ぶことは、自分の気持ちと向き合うきっかけにもなると考えた。

• 目的
  このサイトは、気分や季節、社会的背景に合わせて最適なお菓子とレシピを提案することで、「作ること」の楽しさや心の豊かさを伝えることを目的とする。
  作る過程を通して、自分や誰かを大切にする気持ちを感じてもらえるようなサイトを目指した。
  
  

コンセプト

• そのときの気持ちや季節、出来事に寄り添って、今の自分にぴったりなお菓子と出会えるレシピサイト
  
  

成果物の仕様

• webサイト
• サイトマップ・ワイヤーフレーム
• スイーツ種類
  
  
  

制作ツール

• Visual Studio Code
• Adobe Illustrator
  
  

プロジェクトの期間

• 2025.04.08 - 2025.01.06（通年）
  
  

まとめ

• まだ載せるお菓子の数が足りていないため、「作ること」の楽しさや心の豊かさを伝えることはできていない。
  既存のレシピサイトと同じ感じでもいいけど、区別化ができる、このサイトの良さが伝わるようなサイト作りをする。
  
  
  
  

調査

現状調査

食と心の関係
・甘いものや香ばしい香りのする料理を食べると、「幸せホルモン」が分泌され、気分が良くなる。
・思い出や安心感に満ちた食べ物（例えば、子供の頃によく食べた家庭料理）は、ストレス軽減や心の安定に役立つ。

SNSとレシピの関係

料理を趣味にするメリット

先行事例

心を和らげるムードフード
クックパッド

技法・技術情報

visual studio code使い方
レシピサイト制作

プロジェクト管理

スケジュール

• 工程表
  
  

ToDo

・ロゴ制作
・レシピ制作（お菓子作り、写真撮影）
　春、夏、秋、冬
　喜、怒、哀、楽
・レシピページにイラストや写真を入れる
・ダミーページ作成
・ロゴを押すとトップページに戻る仕様にする

2025.07.15

サイト制作途中

• https://keikoan0103.github.io/sugar/
  ・aboutページに自分の情報を入れた
  ・全ページに戻るボタンを追加
  
  

2025.07.08

サイト制作途中

• https://keikoan0103.github.io/sugar/
  ・トップページのスライド写真の変更
  ・ダミーページの作成
  
  

2025.07.01

サイト制作途中

• https://keikoan0103.github.io/sugar/
  ・ロゴクリック追加
  
  

2025.06.24

サイト制作途中

• https://keikoan0103.github.io/sugar/
  ・ロゴ追加
  ・メニューバーの変更
  ・recipe-matcha.html、recipe-strawberry-dounuts.htmlページの追加
  
  

2025.06.17

サイト制作途中

• https://keikoan0103.github.io/sugar/
  ・joy-sweets.html、anger-sweets.html、sad-sweets.html、fun-sweets.htmlページ の追加
  ・写真の追加
  
  

2025.06.10

サイト制作途中

• https://keikoan0103.github.io/sugar/
  ・フッター固定
  ・画像の編集

2025.06.03

サイト制作途中

• https://keikoan0103.github.io/sugar/

ロゴ完成

2025.05.27

サイト制作途中

• https://keikoan0103.github.io/sugar/

調査

お菓子を作るメリット

2025.05.20

サイト制作途中

• https://keikoan0103.github.io/sugar/

ロゴ制作途中

https://drive.google.com/file/d/1QlxxBAe534bZh-C9y9beHxK5wgL55AU7/view?usp=drive_link

2025.05.13

サイト制作途中

• https://keikoan0103.github.io/sugar/

先行事例の調査

心を和らげるムードフード
クックパッド

2025.04.29

サイトマップ

来週までに
サイト制作に取り掛かる
ロゴデザイン試作

2025.04.22

Webの構成

• タイトル　Sugar
  • 架空のお菓子屋さんのレシピ ｜言葉から選ぶお菓子
• Top
  • 感情にもとづく分類
  • 季節にもとづく分類
  • About（このサイトについて）
    
    

CI・VIその他

• ロゴのデザイン：Sugar
• アクセスマップ
  
  

素材

• 実際のケーキづくり＞命名
• 写真撮影
• 商品解説原稿
  
  

架空のショップをWebで提案する意義

• 現実にありえないものの可視化が楽しめる
  
  

2025.04.15

工程表の作成

• 工程表

テーマ案

• ケーキ×レシピ×web×感情
• ケーキ×レシピ×web×季節
• ケーキ×レシピ×web×食器
  
  

2025.04.08

テーマ案

• ケーキデザインと感情の関係
• アイドルの曲と衣装の関係
• レシピ本のデザイン