ケーキ屋さんのための"簡単"Webサイト作り
誰でも簡単に作成管理できるサイトのテンプレート
- Miku Hishitani
- Keywords:cake, website, template
- https://kotorikottot.github.io/cakeshop/
概要
これは何?
誰でも簡単に作成・管理できるWebサイトの雛形サイト
背景と目的
今の時代は、ほとんどの人がスマートフォンを使ってお店を探すのが一般的です。そして、たくさんあるお店の中から選ぶ時には、口コミやお店の基本的な情報を参考にすることが多いと思われます。そういった中で、お店の魅力を伝えるためにWebサイトはとても便利な手段だと思います。
ですが、パソコンやネットにあまり慣れていない人にとっては、サイトを作るのは難しいですし、更新も大変そうに感じてしまうと思います。
そこで、誰でも編集できて使いやすいWebサイトを作れば、お店の人がもっと気軽に情報を発信できて、認知度の向上が期待されます。
また、“その店を必要としている誰かが、存在に気づけないまま通り過ぎてしまう”という機会損失が少しでも減り、たとえたった一人でも、
「もっと早く知っていたら、祝いや思い出をここで作れたのに」
「こんなお店を探していたのに、知らずに過ぎてしまった」
という後悔を生まないために、店舗と人が出会う入口としてのWeb上での情報公開を行い地域のお店の存続や発展にも寄与することがこの研究の目的です。
コンセプト
Webサイトを制作会社に依頼することや、独学で専門的な知識を習得することが難しい方々に向けて、誰でも簡単に編集できるWebサイトのテンプレートの制作
成果物の仕様
サイトマップ
参考
制作ツール
- HTML
- Mac
プロジェクトの期間
プロジェクトの期間|2025.09.15 - 2025.12.08
まとめ
推しのケーキ屋さんを布教する目的でもあった「ケーキ屋さんのための"簡単"Webサイト作り」ですが、技術面での未熟さゆえにテンプレートという面でもケーキ屋さんのためのもという面でも中途半端になってしまいました。
しかし、この研究によって「個人経営のケーキ屋さん」の実情が見えたので、今回行った「取材」や「他社との比較」「需要の必要性の確認」などが卒業研究に活かされると思うので無駄ではなかったと感じました。
調査
現状調査
先行事例
- Webサイトの作り方
- 令和の時代に個人サイトをつくる
- HTMLテンプレートの基本的な書き方&おすすめを紹介
- 個人サイトをつくろう!〜準備編〜
- HTML・CSSでホームページ作成
- SANKOU!
- フランス菓子16区
技法・技術情報
プロジェクト管理
スケジュール
ToDo
テーマ決め
ケーキ屋さんのサイトを見比べる
Webサイトの作り方のサイトを探す
- 試作品を作る
- Webサイトの雛形を作る
- 成果報告書を作成する
2025.11.24
- 使用する画像の調整
- 不具合の出ている箇所の修正
2025.11.17
- 試作の改良
2025.11.10
Webサイトに記載する内容のまとめ
2025.11.03
- 進捗なし
2025.10.27
- 参考資料集め
- 試作品の改良
2025.10.20
試作品(追加中)
https://kotorikottot.github.io/cakeshop_01/
Webサイトに記載する内容
- お知らせの削除
反省点
- 画像の追加、素材を増やす
ビジュアルで使用できる素材を増やす - CSSの改良
無駄を省く - 内容物の充実化
各ページの文章をさらにくわえる
2025.10.13
使用画像の編集(トリミングや色調補正など)
2025.10.06
試作品
https://kotorikottot.github.io/cakeshop/
Webサイトに記載する内容
- お店の紹介
- スタッフ紹介
- 商品紹介
- アクセス
- お問い合わせ
2025.09.29
ワイヤーフレーム
2025.09.22
サイトマップ
現状調査
ケーキ屋さん
Webサイトに記載する内容
- お店の紹介
- 商品
- 店舗情報
- お問い合わせ
- 予約について
モデルのための取材
対象候補:モンシェリー/金山(ケーキ屋さん)
メモ
2025.09.15
テーマ決め
例:テーマ案/成果物
- ケーキ屋さん/カレンダー、Web、SNS
- クラックビー玉/写真集、ローソク、アクセサリー
- 九産大の陶芸について宣伝/Web、冊子
アイデアスケッチ






