K.F logo

ユーザーのニーズ、ビジネスゴール、開発を繋ぎ、プロダクトの成長に貢献します。

多忙な産業保健医師の面談業務を再設計し、操作の負担を減らして使いやすさと効率性を改善

mediPhone — 1か月

SaaSユーザーリサーチリデザインデザインリーダーシップ

産業保健面談ツールは、産業保健医師が従業員との面談や人事との連携に使うmedimentの主要機能でした。ユーザーインタビューを通じて、15分という短い面談中に複数ページを行き来する必要があり、多忙な医師にとって非効率だという課題が分かりました。

そこで、必要な患者情報を1画面で確認しながらメモを取れるように、UI/UXを再設計しました。医師が使い慣れた電子カルテを参考に、馴染みのある操作感を取り入れました。

この改善により面談業務が効率化され、産業医を中心に好評を得ました。また、ARRの約4%に相当する新規MRRの増加にも貢献しました。

ケーススタディを見る

分析結果を職場改善の行動につなげるために、ストレスチェック分析ツールをリデザイン

mediPhone — 2か月

SaaSユーザーリサーチリデザインデザインリーダーシップ

職場ストレスチェック集団分析ツールでは、人事担当者がグループ単位のストレスを分析できましたが、分析画面の使いづらさや分かりにくさから、主要クライアント3社が解約を検討していました。

専門家や関係者へのユーザーリサーチとインタビューを通じて、3つの改善点を特定しました。単に分析できるだけでなく、その結果を職場改善の行動につなげられるよう、グラフや表示データを見直し、必要な情報に絞り込むとともに、レポート作成の流れを改善しました。

リデザイン後のUI/UXはクライアントの懸念を解消し、プロダクトへの信頼を高め、3社すべての継続利用につながりました。

ケーススタディを見る

Figma、Vue.js、Storybookを繋ぎ、ワークフローとチーム協働を効率化する機能的なデザインシステムへコンポーネントライブラリを進化

mediPhone — 2024

デザインシステムVue.jsStorybookFigmaSaaSUI/UXデザイン

初期段階のSaaSスタートアップで、プロダクトチームの一員としてデザインシステムの構築に取り組みました。フロントエンドエンジニアがStorybookで構築したコンポーネントライブラリは、Figmaのコンポーネントと分断されていました。各エンジニアが作成した類似コンポーネントやUIの重複が残り、コンポーネントを作るだけのデザインシステムでは不十分になっていました。

プロダクトデザイナーとソフトウェアエンジニアの両方の立場から、FigmaとVue.js/Storybookを連携させました。また、既存のコンポーネントをすべて見直し、デザイナーやエンジニアと協力して整理しました。類似する画面については、再利用できるレイアウト・ワークフローパターンを整備しました。

こうした取り組みにより、単なるコンポーネント作成から、拡張可能なパターンの再利用へとチームの意識を転換し、チームの生産性を向上させました。

エンタープライズ向けデザインシステム

Norsatのロボティクス・ドローン事業拡大に向け、新しいShopify Plusストアのブランド、UI/UX、フロントエンド実装をリード

Norsat International — 2ヶ月

B2BブランディングShopify PlusECUI/UXデザイン情報アーキテクチャJavaScriptHTML/CSS

Norsat Internationalは衛星通信製品に加え、ロボティクスとドローン分野へ事業を拡大していました。農業分野の官公庁・法人顧客に向けた、新しいブランドとデジタル体験が必要でした。

既存の衛星通信事業と新部門を差別化しながら、高度に専門的なB2B市場で信頼を築くことが課題でした。

ブランド戦略、UI/UXデザイン、LiquidとJavaScriptによるShopifyフロントエンド開発をリードしました。複雑な商品探索を支える情報設計とデータ構造を整え、拡張可能なプラットフォームを構築しました。

ケーススタディを見る

HRの手間を抑えて従業員の健康教育を可能にし、アップセルの成長を支えるEラーニング機能を設計・リリース

mediPhone — 2か月

SaaS機能設計ヘルステックグロース

健康管理システムmedimentには、既に健康に支障が出ている従業員への1対1のサポートに加え、企業がすべての従業員に健康に関する知識を届けられる機能が必要でした。

従業員とHRの双方に分かりやすいEラーニング体験を目指し、情報設計とコース作成フローに注力しました。

この機能により、HRは手間をかけずに従業員全員の健康教育を支援できるようになりました。また、プロダクトのアップセル機能として売り上げにも貢献しました。

ケーススタディを見る
従業員向け健康Eラーニング機能

複雑な教育理念を明確なブランドへ変換し、カナダのプレスクールサイトをゼロから立ち上げ

Mind Spark Academy — 1週間

教育ブランド戦略WordPressウェブデザイン

新しいプレスクールには、最初の入園児童を集める必要がありました。脳科学、アジア文化の価値観、グローバルな学びを組み合わせた創業者のビジョンは魅力的でしたが、明確に伝えるのが困難でした。

ブランド戦略からデザイン、開発まで一貫してリード。社長との話し合いを通じてビジョンを4つの柱に整理し、明確な価値提案と直感的なサイト構造へ落とし込みました。

公開から1週間で最初の説明会に10件の登録を獲得。強い市場ニーズを確認し、早期の顧客獲得につながりました。

ケーススタディを見る

スムーズな予約体験とリワードで、継続利用を促進

Moncho-KG — 1か月

モバイルアプリBtoCブランディングUI/UXデザイン

スムーズな予約フローと、再予約を促すゲーム性のあるリワードを備えた、モバイルファーストのサウナ予約アプリをデザインしました。

電話予約や手作業での決済による負担を減らし、デバイスを問わずリワードプログラムを見つけやすくする必要がありました。

分かりやすい予約フロー、ログイン・予約変更のサポート、ホーム画面で目立つリワード体験に注力し、各画面サイズに対応しました。

ケーススタディを見る
サウナ予約アプリケーション