美容室イメージカール — Web & LINE Bot 開発実績

Challenge & Solution

課題と解決策

Challenge

Solution

What I Built

imagecurl.jp

01 / Homepage

美容室の世界観に合わせたシンプルで上品なデザイン。メニュー・料金・アクセス・スタッフ紹介を1ページに集約。Cloudflare Pagesでホスティングし、高速な表示を実現。

HTML CSS JavaScript Cloudflare Pages

02 / LINE Rich Menu

「電話」「メニュー・料金」「営業日カレンダー」の3ボタンで、ご高齢のお客様でも直感的に操作できる設計。1タップで必要な情報にアクセスできる。

LINE Messaging API

03 / LINE AI Chatbot

Anthropic社のClaude AIが24時間問い合わせに自動対応。今日の営業状況・今週のスケジュールをリアルタイムで判定して返答。FastAPIサーバーをRenderにデプロイ。

Python FastAPI Claude API Render LINE Messaging API

Points

🤖

AIが今日の定休日を自動判定

システムプロンプトに当日の日付・営業状況を動的に渡し、「今日は第1火曜日でお休みです」と正確に答えられる仕組みを実装。ルールベースのロジックとLLMを組み合わせて精度を確保。

📱

ご高齢のお客様を想定したUX

文字を大きく・ボタンを大きく・操作ステップを最小化。リッチメニューは3ボタンのみに絞り込み、余計な選択肢を排除することで迷わず使えるデザインを実現。

⚡

軽量・高速な実装

画像をBase64インライン埋め込みからファイル分離に変更し、ページ容量を12MBから29KBに削減。表示速度の大幅な改善とキャッシュ効率の向上を同時に達成。