👋

[医師向け医療ニュース]CareNet.comをリニューアルしてみました

2024/06/14に公開

はじめに

こんにちは、CareNetのShioです。
今年の1月21日にCarenet.comの大型リニューアルを行いました。

前回は下記の記事でCareNet.comのご紹介を行いました。

今回はCareNet.comのリニューアルについてご紹介したいと思います。

リニューアル後のCarenet.com

今回のリニューアルで重点を置いた部分とその理由

  1. PCページ画面全体のUIの刷新
    →前回のリニューアルから幾分時間が経過しており、今のWEBトレンドに合わせたUX/UXを取り入れてユーザービリティを向上させるため
  2. ケアネットの関連サービスへの導線
    →ケアネットの新サービスの導線と説明文を用意し、認知度向上やブランド力を上げるため
  3. 各サービス案件のリアルタイム表示
    →各サービスの案件をリアルタイムに表示することで、各サービスへアクセスしなくてもCareNet.com上から有用な案件情報を届けられるようにするため

リニューアルで重点を置いた部分の説明

  1. PCページ画面全体のUIの刷新
  • 全体的に文字サイズやマージン・パディングの幅を大きくとるよう調整し、全体的に窮屈に見えていた部分に余裕を持たせてゆったりとしたWEBページに見えるように
  • 各種アイコンやバナーを刷新しポップで見やすいものに変更し、説明文も簡潔に分かりやすい文言に変更し、アイコンやバナー画像から一目でコンテンツが分かるように


リニューアル後のアイコン

  • サイトのトーン&マナーがコーポレートカラーの赤で統一していたところを、メリハリをつけるように明るいイメージに変更し、視認性の向上


リニューアル後のサイトカラー(一例)

  • 定期的に所属施設や登録メールアドレスが変わっていないかのご案内し、ユーザーの情報を最新にしてもらう事でユーザーに合った情報を提供できるように


リニューアル後のユーザー情報の見直し案内

  1. ケアネットの新サービスへの紹介と導線
  • 今までは新サービスをローンチしても導線が分かりにくかったため、ヘッダーのグローバルナビゲーションや左右メニュー、TOPページ中央に新サービスのバナーや導線を追加することで
    新サービスへの認知度向上


リニューアル後のグローバルナビゲーションのデザイン1


リニューアル後のグローバルナビゲーションのデザイン2


リニューアル後のグローバルナビゲーションのデザイン3

  1. 各サービス案件のリアルタイム表示
  • 左メニューには更新度の高い情報(開催予定のWeb講演会やライブ配信、医師へのスカウト情報)、右メニューにはユーザーのインセンティブがある情報を集約し、ユーザービリティの向上


リニューアル後の左メニュー抜粋

今回はCareNet.comのリニューアル内容のご紹介しました。
引き続き、よろしくお願いいたします。

CareNet Engineers

Discussion