立川結婚相談所
婚活サポートEcco様
サイト改装

  • WEBサイト
  • ダミーサイト
WEBサイトを見てみる▶

サイト概要

立川結婚相談所 婚活サポートEcco様
サイト改装(ダミーサイト) ※実在する、結婚相談所「立川結婚相談所 婚活サポートEcco様」の情報をお借りし、 サイト改装と仮定し制作しております。

【立川結婚相談所 婚活サポートEcco様】

日本結婚相談所連盟(IBJ)加盟の
結婚相談所。
「婚活の悩みは人それぞれ。」を念頭に一般的な枠にはめるのではなく、『あなたらしさ』を大切にした親身になっての縁つなぎを心掛ける相談所です。また、少数制を採用しており、それによりお一人お一人に合ったきめ細やかな婚活のパーソナルサポートが魅力です。

ターゲット層

結婚相談所は敷居が高いと感じているであろう20代の男女

担当範囲/使用ツール

  • 情報設計

    XD

  • デザイン

    Photoshop/Illustrator

  • コーディング

    Dreamweaver

制作期間

  • プレゼン資料

    1週間

  • 情報設計

    2週間

  • デザイン

    3週間

  • コーディング

    1か月

  • 2か月半

制作過程

デジタルハリウッドの卒業制作で作成しました。 自身が婚活時利用させていただき、実際に結婚まで縁つなぎをしていただいた 実在する結婚相談所さんです。 今回、ご厚意によりサイト情報をお借りしサイト改装を行う設定で 実際にサイトの改装に必要な情報をヒヤリングさせていただき制作しました。 情報がサービスの性質上多いため情報設計の時点で現状サイトの情報の配置や流れを見直し、 情報をわかりやすく設置することを心掛けました。

サイトコンセプト

設計コンセプト

  • 結婚相談所の敷居の高さを
    少しでもなくせるサイト

  • 婚活サポートEccoでの
    婚活利点を知ってもらう

「婚活アプリを利用するような感覚で恋愛結婚ができる一つのステージということを知ってもらう。」
「いつも寄り添ってくれる強い恋愛サポーターがお手伝いしてくれるところ。」
「結婚相談所特有の敷居の高さや利点を最大限に理解してもらえる。」
「結婚相談所の固定概念を変えてもらう。」

を心掛けて情報の設計を行いました。
また、情報が多い分セクションが多く分かれているので
各所にメニューを配置し、できる限り情報に簡単にアクセスできるように工夫を行いました。

デザインコンセプト

  • 結婚相談所らしい清潔感

  • 親しみやすい女性が
    運営してるイメージ

メインカラー
#0ABAB5
サブカラー
#998758
サブカラー
#e28787
サブカラー
#202b56
タイトルなど

Shippori Mincho B1/明朝和文

本文

游明朝

游ゴシック

New Tegomin/手書き風和文

「爽やかで自然体、強すぎず押しつけすぎず、親しみやすい」 が運営者様のイメージ希望だったためそれに近いデザインを心掛けました。 また、情報によってデザインのレイアウトをできる限り替え情報が多くとも飽きずに 読み続けられるようなデザインを意識して制作してます。

その他工夫点

  • イメージをしやすいように、文章のみではなくできる限りイメージ写真をレイアウト
  • セクションが多いため、PC版にも追随ハンバーガーメニューを設置
  • 各ページの最初にページタイトル及びサブメニューを設置
    サブメニューを設置することでページごとの容量の把握をしやすくした。
  • 付随型カウンセリングページボダンを設置。気軽に問い合わせをしやすいようにした。
    また、付随型とは別にセクションとの間とフッターにコンバージョンボタンも設置。
    まずはお問い合わせが必要なことを潜在的に意識してもらえるようにした。
  • カウンセリング申し込みページと通常問い合わせページを分けて制作しました。
    そのことによってカウンセリングまでとはいかないけど質問したい問い合わせをお気軽にできるようにしました。
  • コース料金を表で掲載し、金額の比較をしやすいようにしました。
    また、がっちりサポートコースは価格が大きく違うため
    あえてデザインも変え高級感を意識できるレイアウトにして差別化をしました。
  • セクションの内容によっては付随するセクションに飛べるように、リンクを設置しサイト内を周回できるように工夫した。
    また、状況によっては外部サイトへ飛んでもらい疑問点をできるだけ払拭できるようにした。
  • サイト内の一部バナーや、写真デザインを自身で制作しました。
    それによってサイトの雰囲気やバナーの情報にあうデザインで設置をすることができた。
WORKページに戻る