つくる。遊ぶ。暮らす。作品と暮らしの、小さな記録

Web & AI制作見本

たい焼き屋のWebサイト。

焼き色の茶色と、紙のような生成り。架空のたい焼き屋を題材に、写真と文字の置き方を試しました。

デモを見る

架空店舗のデザインサンプルです。

自分で編集してみる

Webデザイン制作の記録
架空店舗のデザイン
こはるおしながき | お店のこと
陶器の皿に並ぶ、あんの入ったたい焼き。AI生成のイメージ。

ひと息に、ひとつ。

今日のおやつは、
たい焼き。
おしながきを見る →
あんこ、たっぷり。

つぶあん・カスタード・抹茶・チョコ

営業時間の表示見本 11:00–18:00
生成り・茶色・余白
THEME

街のたい焼き屋

DESIGN

生成り・茶色・余白

DATE

2026.11.08

写真はAI生成のイメージです。

01

小さなお店の、見せ方。

a closer look

最初に見えるのは、たい焼きの写真。焼き色やあんの質感を大きく見せ、文字は余白のある場所に置きました。

メニュー、営業時間、住所と案内図。お店の雰囲気を眺めながら、知りたい情報も見つかる順番です。

おしながき:つぶあん・カスタード・抹茶・チョコ。

制作ノートを読む
皿に並ぶたい焼き。AI生成の料理イメージ。
たい焼き屋のWebサイト。
02

色が変わると、印象も。

two little moods
配色を見比べる
架空店舗のデザイン
こはるおしながき | お店のこと
陶器の皿に並ぶ、あんの入ったたい焼き。AI生成のイメージ。

ひと息に、ひとつ。

今日のおやつは、
たい焼き。
おしながきを見る →
あんこ、たっぷり。

つぶあん・カスタード・抹茶・チョコ

営業時間の表示見本 11:00–18:00

生成りと茶色。料理の焼き色につながる配色です。

架空店舗のデザイン
こはるおしながき | お店のこと
陶器の皿に並ぶ、あんの入ったたい焼き。AI生成のイメージ。

ひと息に、ひとつ。

今日のおやつは、
たい焼き。
おしながきを見る →
あんこ、たっぷり。

つぶあん・カスタード・抹茶・チョコ

営業時間の表示見本 11:00–18:00

淡い青と墨色。同じ写真でも、背景の色で印象が変わります。

同じ写真・配置で、背景と文字の色だけを変えた試作です。

behind the scenes

制作ノート

たい焼きの焼き色から、サイトの色を考える。

写真から色を拾い、余白と情報の順番を整えるまで。小さなお店のサイトづくりを記録しました。