共栄美装WEBサイトのあるきかた

このイベント業界だけでも、様々なWEBサイトがありますね。

シンプルなものやお洒落なもの、動画センスが光るもの、キャッチコピーに心惹かれるものなど、実際に物品手配やサービス利用をする訳じゃなくても、見ているだけで楽しさがあります。
さて、そんな中で共栄美装では「シンプルで見やすく」する事をモットーとしています。

共栄美装WEBサイトのコンセプト

こちらの記事の説明ではダイジェスト的に様々な見やすさを構成する要素について列挙していますが、本日はそれをより細分化しつつ、共栄美装WEBサイトの歩き方についてご紹介します。

こう言うと、難しいのかと思われがちですがWEBサイトは本来、閲覧する人のために作っているものですから難しいものではありません。

人がWEBサイトを閲覧しているということは「目的地まで到達する」為の動きをしているということです。
本日お話するのは、そこまでの到達手段を増やすためのご提案ですので楽しみながら読んでいただけたら幸いです。

まずはセットか単品か

現在、弊社のナビゲーションバーには[セットプラン][レンタル用品]の2つがあります。

セットプラン	イベントを依頼するにあたって、必要な物品をパッケージ化したもの
レンタル用品	お客様が、個別で必要な物品を選択できるようにしたもの

どちらから入るかはお客様に寄りますが、イベント会場で使用する物品には相性や安全性の観点から「そのままでは使えないもの」がありますのでその点にはご留意ください。

例：
テントは単体では倒壊する危険がありますので足元養生をするためのウェイトやペグが必要です。
音響機器や電化製品についても、ケーブルが刺さる・刺さらないの問題が出てきます。

たとえば、今1.5×2間サイズの赤/白テントをご覧頂いているとします。
このテントと共通点のある他の商品を見て検討をされたいという場合は、ページを少しだけ下へスクロールしてみてください。

価格や使用詳細のあと、類似商品が現れます。
この商品のカテゴリーからこの商品は「小型テント」に分類されていることがわかります。
もっと見たい場合は[小型テント]という文字をクリックしてみてください。

この商品のタグについても同様です。

このように、弊社の商品ページでは共通するサイズや大きさ、模様、カラーの別商品をすぐ見に行くことが可能です。

弊社は、お客様にWEBサービスをご利用いただくにあたって回遊性(かいゆうせい)を重視しています。
これを「見やすさ」と言ってしまうと平たい言葉になってしまいますが、シンプルな中にもお客様へ欲しい情報が届けられるよう機能的に動作するよう日々WEBサイトを構築しております。

弊社のレンタル用品一覧ページには、一覧リストの上に下記のようなボタンがあります。

これらは表示切り替えを行うためのもので「大サムネイル」「小サムネイル」「リスト表示」にそれぞれ切り替えることが可能です。

大きいほうが見やすいという方がいれば、一画面にたくさんの情報量を収めたいという方も居ます。
何がシンプルなのかはその人によるんです。

だからこそ、ユーザー1人1人に適応できるようなユーザーインターフェースを目指してこの機能を実装しました。

なお画面右側には「フィルター」がありますが、ここはひらがなやアルファベットでも引っかかるように作っています。
スマートフォンではまずひらがなを打ってから漢字かカタカナに変換しますが、その時点で絞り込みを行うことでユーザーの目的地までの工数を減らしたかったのです。

検索ボックスでは、サジェスト(候補)機能を実装しています。
検索キーワードを記入すると、その時点で絞り込み結果が自動的にすぐ下に登場します。
出てきた商品をクリックすると即そのページに移動できます。

このまま虫眼鏡のアイコンを押すかEnterキーを押すと検索結果ページへ移動してしまいますが、そうなると余計にページを読み込んでしまいます。時間を消費するし、視界がガラッと変わるわけですから目まぐるしく感じてしまいます。

これは、意外とストレスなのです。だからこそリアルタイムで絞り込める検索ボックスにしました。

※スマートフォンユーザーの方の場合は誤タップを避けるため、このようなリストは出さずにオーソドックスな検索ボックスにしています。

私たちは、お客さまの大切な時間を極力取らせないように日々尽力しています。
今回はWEBサイトに関する事についてお話しましたが、営業活動についても同様です。

今のやり方は100点ではなく、もっと効率化出来ることは沢山あります。
言い換えると、これからも改良の余地は多く存在するので、時間が経てば経つほど今後も弊社のイベントサービスはブラッシュアップされ続けますので、楽しみにしていてください！