bar ber shop OLDEST様の予約機能付きホームページ・管理アプリ

bar ber shop OLDEST 様

群馬県高崎市で理容室を営む bar ber shop OLDEST 様の予約機能付きホームページを制作させていただきました。こちらの理容室では元々電話での予約しか受けておらず、施術中に電話が鳴るため作業に支障が出ていました。そのため、ネットでの予約を導入することで、お客様への施術の質を高めたいというご要望でした。

画面の操作動画は以下になります。(PC画面、スマホ画面のプレビュー動画です。)

ホームページ・予約機能について

黒をベースカラー、白をメインカラー、赤をアクセントカラーで使い、シンプルでカッコ良い、男性らしさをイメージしデザインしました。アニメーションもスタイリッシュに動くよう工夫しました。

またメイン機能である予約機能は、あらゆる点において工夫を凝らしました。

まずは一目見て予約状況が確認できるよう、月ごとの一括表示・日ごとの時間別表示を実装しました。細かい部分では、予約が空いている日を他の日と一瞬で区別できるよう、色・明るさ・アイコンを変えて表示するようデザインしてあります。

またメニュー選択〜来店日選択〜お客様情報入力〜予約までの流れは、誤操作を避けるため、順番に表示されるようにしてあります。

またOLDEST様をご利用するお客様のほとんどが、2回以上通ったことのある常連さんだったため、予約機能は何度も使うと予想されました。そのため、予約機能をストレス無くスムーズに使えるよう、不必要な機能はできるだけ省き、シンプルで分かりやすい予約までの導線を考え実装しました。さらにログインすることで入力箇所を省くことができるようにもしました。

またログインすると、予約した日とメニューが、サイト上部とカレンダー上に赤く表示されます。これによって、予約日をいつでも確認できるようになっています。

また予約機能に加えて来店ポイント機能も実装しました。
来店ポイント機能は、ログインをした上で、サイトトップページの「QRcode」ボタンを押すと表示されるQRコードを、店で設置したバーコードリーダーで読み込むことで1ポイント付与されます。来店ポイントが貯まると割引される仕組みです。QRコードはお客様ごとに違い、また1日1ポイントまでしか付与されないように設定されています。

管理アプリについて

予約状況を管理するため、スタッフが使用する管理アプリも制作いたしました。

管理アプリは「予約管理」「ポイント機能」「顧客管理」「お知らせ設定」の4つの機能に分かれています。それぞれの主な機能は以下のようになっています。

  • 予約管理
    • 日毎の時間別予約一覧表(予約の確認・登録・変更・削除が可能。ワンクリックで予約が登録できたり、お客様やメニューを選択して予約できる機能もあり。)
  • ポイント機能(デバイスをバーコードリーダーと接続することで使用可能。)
  • 顧客管理(アカウント登録されたお客様の電話番号・名前・パスワード・ポイント数などを管理可能。)
  • お知らせ設定(臨時休業日などのお知らせを登録可能。ここで登録したお知らせはサイトトップに表示される。)

これらの機能の他に、予約が入った時にLINEに通知が来る通知機能も実装しました。この通知機能により、予約状況がリアルタイムに分かるようになり、オーナー様にも大変好評でした。

こちらの事例にご興味をお持ちの方は、やぎらぼへお気軽にお問い合わせください。

クライアントbar ber shop OLDEST 様
ウェブサイト・SNSホームページ https://oldest.site/
インスタグラム 公式 https://www.instagram.com/barber_shop_oldest/
制作物ネットショップ、商品管理・注文管理・顧客管理アプリ
制作物URLhttps://oldest.site/
制作期間要件定義〜納品まで約2ヶ月
主な使用言語・フレームワークHTML, CSS, JavaScript, Django(Python), MySQL
やぎらぼ

WEBサイト・業務システムを制作するクリエイティブ集団。

サービス内容

  • WEBサイト・WEBアプリ制作
  • ECサイト制作
  • コーポレートサイト制作
  • LP(ランディングページ)制作
  • 予約システム制作
  • 業務管理システム制作

この記事が気に入ったら
フォローしてね!

シェア
  • URLをコピーしました!
  • URLをコピーしました!
目次