← Back to work
Healthcare Service / UIUX Design

手のひら眼科オンライン診療

tenohiraganka.net

オンライン診療の予約から問診、診療後の処方・配送までをモバイル上で完結できるサービスです。新規プロジェクトの立ち上げ段階から参画し、サービス全体のUI設計、デザインガイドライン、改善提案まで担当しました。

Period 2023 - 2025
Role UI/UX Design, Design Guideline, UI Improvement
Scope 新規サービス立ち上げ / UI設計 / ガイドライン / 改善提案
Tools Figma / Notion
Online medical service project visual

担当した領域

01 / Service Launch

新規サービス立ち上げ

オンライン診療サービスの初期構想からUI設計に関わり、ユーザーが診療まで迷わず進める画面構成と導線を整理しました。

  • 予約・問診・診療後フローのUI設計
  • サービス開始時に必要な主要画面の制作
  • ユーザーの入力負荷を抑えるフォーム設計
制作・提案したアウトプット
主要画面のUI、画面遷移、初期リリースに向けたUI提案。
担当したこと
医療サービスとして必要な情報量を整理しながら、初めて利用するユーザーでも流れを理解しやすいUIへ落とし込みました。
02 / Design Guideline

デザインガイドライン制作

サービス運用と追加開発を見据え、UIの一貫性を保つためのルールとコンポーネント整理を行いました。

  • カラー・タイポグラフィ・余白ルールの整理
  • ボタン、フォーム、カードなど基本コンポーネントの定義
  • 画面追加時に迷わないUIルールのドキュメント化
  • 開発・運用チームと共有しやすいFigma設計
制作・提案したアウトプット
デザインガイドライン、UIコンポーネント、画面展開ルール、Figma上の設計データ。
担当したこと
属人的な画面制作にならないよう、再利用しやすいUIルールを整え、継続的な改善と実装を支えました。
03 / UI Improvement

UI改善・運用改善

リリース後の運用や画面追加に合わせて、ユーザーが迷いやすい箇所や情報の見せ方を見直し、UI改善を継続しました。

  • 既存画面の情報整理とUI改善
  • 診療前後のステータスや案内文の見直し
  • スマートフォンで読みやすいレイアウト調整
  • 追加機能に合わせた画面パターン制作
制作・提案したアウトプット
改善UI、追加画面、テキスト整理案、運用しやすい画面パターン。
担当したこと
ユーザーに必要な情報が自然に伝わるよう、UIの優先順位と視認性を調整し、サービス品質の向上に貢献しました。
Online medical service UI output