貸会議室・レンタルスペース

貸会議室の予約サイト制作事例

「地図から部屋を選んで、そのまま予約へ」。初めての利用者でも迷わない導線を最優先に設計した、貸会議室の予約サイトです。

貸会議室予約サイト SPACE EVERY のファーストビュー
実案件を想定して制作したポートフォリオ作品です(デモサイトを公開しています)。

実際のサイトを見る

業種
貸会議室・レンタルスペース
種別
予約サイト(静的サイト+JavaScript)
担当範囲
デザインカンプからのコーディング / 予約導線のUI実装
使用技術
HTML CSS JavaScript レスポンシブ対応

制作のポイント

地図から選ぶ直感的なUI

課題ルームの一覧を文字で並べるだけでは、場所のイメージが湧かず選びにくい。

工夫フロアマップからルームを選択できるインターフェースをJavaScriptで実装し、「どこの部屋か」が一目で分かるようにしました。

スマホでの予約体験を最優先

課題会議室を探すのは移動中のスマホからが多く、PCデザインの縮小版では操作しづらい。

工夫スマホでの選択・入力のしやすさを基準にレイアウトを最適化。iPhone実機での表示・操作チェックまで行っています。

同じ業種のサイト制作・リニューアルのご相談を承っています。
「まずは話だけ」も歓迎です。