「KURODA SALON」
美容室向けの予約・顧客管理アプリをPWAとして制作しました。
スマートフォンから手軽に利用でき、予約管理や顧客情報の確認など、サロン業務をスムーズに行える設計にしています。
制作の背景
美容室では、予約管理や顧客情報の確認など、日々さまざまな業務が発生します。
そこで、予約から顧客管理までをスマートフォンで手軽に行える仕組みがあれば、サロン業務をより効率化できるのではないかと考え、本アプリを制作しました。
また、Webサイトとして閲覧するだけでなく、スマートフォンのホーム画面からアプリのように利用できるよう、PWA（Progressive Web App）として実装しています。
主な機能
予約管理：予約の登録・確認・管理
顧客管理：顧客情報をまとめて管理
マイページ：登録情報や利用状況を確認
クーポン機能：サロンのお得なクーポンを表示
スタンプカード：来店に応じたスタンプを管理
お知らせ機能：サロンからのお知らせを確認
PWA対応：スマートフォンのホーム画面に追加し、アプリ感覚で利用可能
使用ツール・制作時間
使用ツール：
HTML / CSS / JavaScript
ChatGPT / Claude
制作時間：
約1日
工夫したポイント
美容室の上質な雰囲気を表現するため、ブラックを基調にゴールドをアクセントとして取り入れ、高級感のあるスタイリッシュなデザインに仕上げました。
また、スマートフォンでの操作性を意識し、予約や顧客管理などの主要な機能へ直感的にアクセスできる画面構成にしています。
さらに、PWAに対応することで、ホーム画面からアプリのように起動できるようにしました。AIを活用しながら、短期間でデザイン性と使いやすさを両立した点も工夫したポイントです。
PWA・アプリアイコン
PWA用のアプリアイコンも制作しました。
ホーム画面に追加した際にもサロンの世界観が伝わるよう、アプリ本体と同じブラック×ゴールドでデザインを統一しています。
「制作を通して学んだこと」
今回の制作を通して、HTML・CSS・JavaScriptを使ったWebアプリの構築から、PWAとして実装・公開するまでの一連の流れを学びました。
また、ChatGPTやClaudeなどのAIを活用することで、開発を効率化しながらも、生成された内容をそのまま使うのではなく、目的に合わせて確認・調整することの大切さを実感しました。
さらに、実際にスマートフォンやPCで動作確認を行うことで、利用する端末を意識したUI・操作性を考える重要性も学びました。
コメント