岐阜に特化したクーポン共同購入サービス「ぎふポン」
2011年3月14日にスタートした、岐阜のクーポン共同購入サイト「ぎふポン」。
当時広がっていた共同購入型のクーポンサービスを岐阜に特化して展開したWebサービスで、岐阜広告株式会社・岐阜新聞社・岐阜放送の3社によって共同運営されていました。
飲食店をはじめとする地域のお店やサービスのお得なクーポンを掲載し、期間内に必要な購入数が集まることで取引が成立する仕組みです。
Blookでは、サービス全体のWebデザインとHTML・CSSコーディングを担当。トップページだけでなく、クーポン一覧・詳細、会員登録、ログイン、マイページ、購入履歴など、サービスを構成する各画面を制作しました。
HTML・CSSまでBlookで制作した後、株式会社ピュアシステムによってクーポン購入や会員管理などのシステムが組み込まれています。
また、サービスの顔となる「ぎふポン」のロゴもBlookで制作しました。
目次
クーポンを探して購入するWebサービス
「ぎふポン」は、岐阜のお店やサービスが提供するクーポンを掲載し、期間内に必要な購入数が集まることで取引が成立する共同購入型のWebサービスです。
トップページには販売中のクーポンを並べ、飲食、美容、旅行、通販などのジャンルや地域とともに、通常価格、割引率、販売状況などを表示。ユーザーがその時に販売されているクーポンを見つけ、詳細を確認して購入へ進める構成になっていました。
販売中のクーポンだけでなく「過去のクーポン」も用意し、サービスとして継続的に情報が蓄積されていく構成になっています。
サービスの仕組みを分かりやすく伝える
共同購入という仕組み自体がまだ馴染みの薄かった時期だったため、「ぎふポンとは」のページでは、クーポンを購入してから取引が成立するまでの流れを図解しました。
気になるクーポンを見つけて購入し、必要な購入数に達すると取引成立。TwitterやFacebookを通じてクーポンを広めてもらう流れも含め、初めて利用する人にもサービスの仕組みが伝わるようデザインしています。
クーポン詳細・購入画面のデザイン
クーポンの詳細ページでは、通常価格と割引価格、割引率、販売数、利用期間など、購入を判断するために必要な情報をひとつの画面にまとめています。
店舗や商品の紹介だけでなく、利用条件や予約方法、利用できる日時なども掲載。クーポンを見つけて内容を確認し、購入へ進むまでの流れを考えながら各画面をデザインしました。
会員登録・マイページ・クーポン管理
「ぎふポン」はクーポンを紹介するだけの情報サイトではなく、ユーザーが会員登録してクーポンを購入・利用するWebサービスとして制作されました。
ログイン後のマイページでは購入履歴を確認でき、購入したクーポンを「使用前」「使用済み・期限切れ」に分けて管理。取引が成立したクーポンを発行・印刷し、店舗で利用するところまでサービスの中に組み込まれていました。
また、一般ユーザー向けの画面だけでなく、掲載する契約店舗側の運用も含めたサービスとして展開されていました。
WebデザインからHTML・CSSコーディングまで
Blookではトップページだけをデザインしたのではなく、「ぎふポンとは」、クーポン一覧・詳細、会員登録、ログイン、マイページ、利用方法、よくある質問、各種問い合わせなど、サービスを構成する各ページのWebデザインを担当しました。
さらに、それぞれのデザインをHTML・CSSでコーディングし、株式会社ピュアシステムへ納品。その後、会員管理やクーポン購入などのシステムが組み込まれ、ひとつのWebサービスとして構築されました。
デザイン・フロント側をBlook、システム開発を株式会社ピュアシステムが担当し、それぞれの領域を分担して制作した案件です。
「ぎふポン」のロゴデザイン
サービスの立ち上げにあわせて、「ぎふポン」のロゴもBlookで制作しました。岐阜の地域性とクーポンサービスの楽しさを伝えるロゴとしてデザインしています。
Webサイトとは別に、ロゴのデザインや制作についてご紹介しています。
Webサービス・Webシステムのデザイン制作について
一般的な企業ホームページだけでなく、会員登録やログイン、マイページなどを備えたWebサービスでは、機能に合わせて多くの画面を設計・デザインする必要があります。
Blookでは「ぎふポン」のように、システム開発会社と連携しながら、サービス全体のWebデザインからHTML・CSSコーディングまで対応できます。
サービスの内容や必要な機能を確認しながら、利用する人にとって分かりやすく、システムとして実装できるWebデザインを制作します。
▼ 関連リンク
会員機能やマイページなどを備えたWebサービスのデザイン・コーディングもご相談ください。
お問い合わせ・お見積りはこちら
