プロジェクト概要
Overview
セコム株式会社が提供する健康・医療相談サービス「セコム・メディカルクラブ」のサービスページをデザインからコーディングまで一貫して担当しました。
24時間365日、看護師に健康相談ができるという安心感を、「守るから、支えるへ」というブランドメッセージとともに視覚的に伝えるページ設計を行っています。サービスの信頼性を損なわず、初めて訪れるユーザーにも親しみやすい印象を与えるデザインを目指しました。
課題提示から機能紹介、利用シーン、FAQまでを自然な流れで構成し、ユーザーが「自分ごと」としてサービスを理解できる情報設計としています。6つの具体的な利用シーンを提示することで、幅広い年齢層のユーザーにサービスの価値を伝えています。
デザイン・技術のポイント
Highlights
信頼感と親しみやすさの両立
セコムブランドの堅実さを維持しつつ、ヘルスケア領域にふさわしい温かみのあるビジュアルトーンを設計
ストーリー型の情報設計
「悩み提示 → サービス紹介 → 特長 → 利用シーン → 利用手順 → FAQ」の流れで、ユーザーの理解を段階的に深める構成
SVG・WebPを活用した軽量な表現
アイコンや装飾要素にSVG、写真にはWebPを採用し、ビジュアルの品質を保ちながらページパフォーマンスを最適化
アクセシビリティを考慮したUI
FAQのアコーディオンやモーダル等のインタラクション要素を、操作しやすい形で実装
レスポンシブ対応
モバイルメニューや画像の出し分けなど、デバイスに応じた最適な閲覧体験を提供
Start Your Project
似たような課題をお持ちではありませんか？
プロジェクトの要件定義からリリース後のグロースまで、私たちがサポートします。