デザインを信じる人が、集う場所。
医療機関向けクラウド予約システム「Medic Cloud」のサービス紹介Webサイトをデザインしました。
予約管理や患者呼び出し、専用アプリ、医療費後払いなど、多岐にわたる機能・サービスを分かりやすく伝えることを目的としています。
医療分野に求められる清潔感と信頼感を意識し、ホワイトとライトブルーを基調としたビジュアルを採用。写真・アイコン・タイポグラフィを組み合わせ、サービスの特徴を直感的に理解できる構成を目指しました。
PC・スマートフォンそれぞれの閲覧環境に合わせたレスポンシブデザインにも対応しています。
課題
予約管理、患者呼び出し、専用アプリ、決済サービスなど、機能が多岐にわたるため、情報を単純に並べるだけではサービス全体の特徴や導入メリットが伝わりにくいこと。
解決方法
情報を機能・用途ごとに分類し、見出し、アイコン、写真、図版を活用して視覚的に整理しました。
各機能の特徴を短時間で把握できるよう情報の優先順位を明確にし、詳細情報へ自然に読み進められるページ構成を設計。
さらに、PC版とスマートフォン版で情報の配置や見せ方を調整し、画面サイズに応じた読みやすさと操作性に配慮しました。
「清潔感・信頼感・分かりやすさ」をデザインの軸に設定。
医療分野らしいライトブルーとホワイトを基調に、落ち着いたグレーを組み合わせることで、専門的なサービスでありながら親しみやすい印象を目指しました。
装飾を抑えたシンプルなレイアウトと統一感のあるアイコン表現により、複雑な情報をすっきりと伝えるビジュアルを構築しています。
担当：Webデザイン、情報整理、ページレイアウト設計、レスポンシブデザイン
PC・スマートフォンそれぞれの画面構成とビジュアルデザインを担当。
投稿ありがとうございます！
青を基調としたシンプルなデザインに、医療サービスらしい清潔感と安心感を感じました。
機能が多いサービスほど、「自分たちの業務がどう変わるか」を伝えるのが難しいですよね。機能・用途ごとの整理や情報の優先順位に、導入を検討する方への配慮を感じます。特に見せ方を悩まれた機能はありましたか？
ほかのPortfolioも拝見させていただきます！