Gallery / OOKINI BURGER
TEMPLATE — 2026
OOKINI BURGER
大阪の架空のハンバーガー店のサイト。トマト色の最初の画面と、触れると「おおきに!」と返すバーガー。
- Category
- Web design
- Status
- 架空のハンバーガー店のWebテンプレート見本(動くデモあり)
- Year
- 2026
- Type
- Parfum自身の探索(実績ではありません)

Overview
OOKINI BURGERは実在しない、大阪の小さなハンバーガー店です。写真を主役にし、文章は英語のラベルと、時刻・値段・手順などの事実だけにしました。写真は生成AIで作りました。
Problem
- お店を探す人は、スマホで「美味しそうか」「いくらか」「いつ開いているか」を確かめる
- 文字が多いと、写真の良さが伝わらない
Approach
- 最初の画面はトマト色。看板のバーガーに触れると「おおきに!」の吹き出しが出る
- 並びは実在の店のサイトにならう(お知らせ・来歴・メニュー・持ち帰り・アクセス)
- スマホでは「電話」と「持ち帰りの注文」を下に固定する
- ※ スマホ実機での確認は、これからです
Technology
- HTML / CSS / JavaScript(ビルドなし)
- prefers-reduced-motion への対応
- 写真は生成AI(ChatGPT)で制作
Demo
動くデモを、このサイトの中で開けます。デモのページは架空の店・会社として、検索に出さない設定にしています。
内容は、検討の進み具合に応じて更新します。
本文へ移動


