チケット予約システムのUIを改善して、スマホ予約の操作性を大幅に向上！

年間70万人以上が利用する九州商船様のジェットフォイル・高速船のWeb予約サイトですが、リニューアル前までは、スマホ最適化がされておらず、特にスマートフォンでのオンライン予約が非常にしづらい状況となっていました。

今回のリニューアルプロジェクトでは、公式サイトのリニューアルと合わせて、Web予約サイトのUIデザインもご依頼いただき、同時並行でブランディング・マーケティングの両面からサポートさせていただきました。

リニューアル前の課題

スマホ最適化がなされておらず、スマートフォンでもPC版の予約サイトが表示されている状態でした。

ユーザー登録や予約手続きの手間が煩雑で、特にスマートフォンでは操作性が良くないことから、オンライン予約ではなく電話予約をされる方の比率が多い状況でした。

予約フローの改善・簡素化

今回のリニューアルでは、予約システム自体は既存のシステムを利用し、デザイン・UIの変更のみで予約体験を改善するという制約がありました。

そこで、まず予約の流れを1から見直し、簡素化できる部分を極力簡素化することで、システムの追加開発を行うことなく操作性を向上できるような設計を行いました。

デザインを行う前の「ワイヤー」段階で何度も流れを見直し、利用者が最も使いやすく、予約しやすいフローを磨きました。

スマホファースト

多くの業界で、B-C（消費者向け）ビジネスのWeb閲覧は、スマートフォンでの閲覧が80%を超えています。
今回のWeb予約サイトでも、スマホ閲覧がメインとなるため、設計からデザインまで、すべてスマホファーストで進めました。

Before→After

リニューアル前後の、主要なページのBefore Afterをご覧ください。

トップページ

Before

After

会員登録

Before

After

ログイン

Before

After

空席紹介

Before

After

チケット予約

Before

After

予約内容の確認

Before

After

英語版オンライン予約

ネイティブスピーカーへの英語翻訳を手配し、オンライン予約サイト全体を英語で利用可能としました。
海外から日本に来られた方も、安心してオンラインでジェットフォイルや高速船のチケットを予約できます。

九州商船様：
・公式サイト（制作実績はこちら >）
・オンライン予約サイト