Bar Freesia

概要

「名前はオシャレだけど、味の予想がつかなくて頼みづらい...」「ジンベースとか言われても分からないし...」オーセンティックバーでの注文ハードルを下げ、カクテルの直感的な体験を提供するモバイルオーダーWebアプリです。

ターゲットと課題 カクテルの注文をためらってしまうバーの初心者顧客

解決策（コアバリュー） お酒の名前だけではなく『今の気分の体験（アルコールの有無、炭酸、味わい）』の3ステップで選べるUIの提供

基本機能

🍸 体験で絞り込む3ステップ・レコメンド: 3軸（2×2×2）の完全分岐によるカクテルレコメンド機能名前だけでは味が想像できないメニューも多いカクテル。「アルコールの有無」→「炭酸の有無」→「味わい（甘め/辛口）」の3つの質問に答えるだけで、今の気分にぴったりのカクテルを提案し、お酒に詳しくない方でも迷わず注文できる体験を提供します。

🔥 リアルタイムな「みんなの注文」トレンド表示: バックエンドで保持している直近の注文データを集計し、トップ画面にタグ形式で自動表示することで、次の一杯の注文を後押しします。

🛒 スムーズで直感的なカート＆オーダー機能: 画面下部に常に追従するカートバーで合計金額と杯数を確認でき、商品の詳細モーダル（ポップアップ）から数量の調整と注文確定がシームレスに行えます。

📱 バーの世界観を表現したUIと安心の年齢確認: ダークトーンとゴールドを基調とした、スマホアプリのように操作できるリッチなデザインを採用し、アルコールメニュー選択時には年齢確認のアラートを表示する安全設計を組み込んでいます。

使用技術

バックエンド (Backend): Python / Flask
フロントエンド (Frontend): HTML / CSS
データベース (Database): インメモリデータベース（※デモ版の仕様上、Pythonの変数としてデータを保持しています）

Base44による基本機能の実装 (参考: [https://drive.google.com/file/d/1oaZOAMLHSqb4jAIoHRAyVoPnONIa4HFk/view?usp=sharing]
Gitリポジトリでコードを共有
ブランチを切る、add-commit-push、プルリクを送る、mergeの練習
中間発表
ドリンクをカクテルに限定しメニューを変更 (当初のレコメンド機能はフローチャートでした参考: [https://drive.google.com/file/d/1jB5awhvqKIGX9RCy8KUjAuXar2WTuWfs/view?usp=sharing] が、計算回数を考慮し2×2×2の3軸完全分岐に変更
各種機能の実装（質問項目の変更、戻るボタン、ウェルカムページ）
デザインやガイド文の見直し

Day2

pythonanywhereでデプロイ
注文のリアルタイム反映機能実装
発表準備
メニュー写真（AI生成）の挿入
画面サイズなど、UIの最終調整
QRコードとの連携

Bar Freesia - フリージア

バーで利用可能なモバイルオーダーアプリ

推しアイデア

作った背景

推し技術

プロジェクト詳細

Bar Freesia

概要

基本機能

使用技術

システム構成図

開発の流れ

Day1

Day2