貸会議室・レンタルスペース
貸会議室の予約サイト制作事例
「地図から部屋を選んで、そのまま予約へ」。初めての利用者でも迷わない導線を最優先に設計した、貸会議室の予約サイトです。
- 業種
- 貸会議室・レンタルスペース
- 種別
- 予約サイト(静的サイト+JavaScript)
- 担当範囲
- デザインカンプからのコーディング / 予約導線のUI実装
- 使用技術
- HTML CSS JavaScript レスポンシブ対応
制作のポイント
地図から選ぶ直感的なUI
課題ルームの一覧を文字で並べるだけでは、場所のイメージが湧かず選びにくい。
工夫フロアマップからルームを選択できるインターフェースをJavaScriptで実装し、「どこの部屋か」が一目で分かるようにしました。
スマホでの予約体験を最優先
課題会議室を探すのは移動中のスマホからが多く、PCデザインの縮小版では操作しづらい。
工夫スマホでの選択・入力のしやすさを基準にレイアウトを最適化。iPhone実機での表示・操作チェックまで行っています。
同じ業種のサイト制作・リニューアルのご相談を承っています。
「まずは話だけ」も歓迎です。