WEB / WEBSITE
ヘルスケアアプリ サービス紹介サイト
ヘルスケアアプリの紹介サイトと関連ビジュアル。トップページに加え、ソフトウェアの仕組み、まばたきと目の健康、費用面の説明、まばたき頻度、パソコン利用時のケアを扱う5つの記事画面を、共通のレイアウトで展開しました。記事から関連コンテンツ、ダウンロード・登録フォームへ進む情報構成を整理しています。

- 分野
- ヘルスケア関連 / デスクトップアプリ / 国際市場向け
- 制作内容
- サービス紹介サイト / 記事画面 / 登録導線
- 制作ツール
- レスポンシブWeb設計
制作の目的
アプリを初めて見る人に特徴と利用シーンを伝え、詳しい記事や利用開始の導線へつなぐこと。記事の見出し、メイン画像、本文、図解・参考リンクを整理し、関連コンテンツのカードとダウンロード・登録フォームを共通の構成で配置することが設計上のテーマでした。
画面と操作のつながり
サービスの特徴と利用シーンをトップページで紹介し、詳しい説明は記事ページに分けました。記事の見出し、画像、本文、関連情報を共通の構成にし、ダウンロード・登録へつなぐ情報の流れを整理しています。
制作資料
サービス紹介ページと関連する解説記事のデザイン資料、OGPなどのビジュアルを制作しました。サイトと共通のブルー系の配色とイラストで、説明コンテンツと利用開始の導線をつないでいます。
制作物
サービス紹介サイト、解説記事の画面デザイン、登録導線、関連ビジュアル。
制作画面・設計資料



過去に携わった制作事例です。 画面内の健康に関する文言はサービス側の当時の表現であり、医療上の効果を証明する資料ではありません。掲載素材の一部は実績紹介向けに編集されており、当時の公開画面や配信広告とは区別しています。改善率や獲得成果は掲載していません。
WebサイトやUIの課題を相談する
制作したい内容や現在の課題を、お聞かせください。
お問い合わせ