K.F logo

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

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

mediPhone — 1か月

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

産業保健面談ツールは、産業保健医師が従業員との面談や人事との連携に使うmedimentの主要機能でした。しかし、15分という短い面談中に複数ページを行き来する必要があり、不満の声がありました。

ユーザーインタビューから、過度な画面遷移が面談の流れを妨げていることが分かりました。必要な患者情報を一画面で確認しながらメモできる、業務中心の体験が必要でした。

認知的負担を減らし、面談を効率化しました。改善はユーザーから好評で、約ARR 4%に相当する新規MRRの増加にも貢献しました。

分析の分かりやすさを改善し、クライアントの解約を防ぐために職場ストレス分析ツールをリデザイン

mediPhone — 2か月

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

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

専門家や関係者へのユーザーリサーチとインタビューを通じて、3つの改善点を特定。分析情報を明確にし、画面を見やすくし、レポート作成の流れを改善しました。

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

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

mediPhone — 2024

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

アーリーステージのSaaSスタートアップで、プロダクトチームはデザインシステムの構築に取り組みました。フロントエンドエンジニアはStorybookでコンポーネントライブラリを作りましたが、Figmaのコンポーネントとは分断され、再利用の判断が難しく、重複したUIが残っていました。

プロダクトの成長とともに、コンポーネントライブラリだけでは不十分になりました。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フロントエンド開発をリードしました。複雑な商品探索を支える情報設計とデータ構造を整え、拡張可能なプラットフォームを構築しました。

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

mediPhone — 2か月

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

プロダクトには、既に健康に支障が出ている従業員の1対1のサポートだけに頼らず、企業が全ての従業員に健康に関する知識を届けられる拡張可能な方法が必要でした。

従業員と労務管理担当者の双方に分かりやすいよう、情報構造、コース参加フロー、機能の理解を助けるビジュアルを含む親しみやすいEラーニング体験を設計しました。

この機能は労務管理担当者が手間なく従業員全員に健康に関する教育を支援できると同時に、プロダクトのアップセル機能として売り上げに貢献しました。

従業員向け健康Eラーニング機能

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

Mind Spark Academy — 1週間

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

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

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

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

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

Moncho-KG — 1か月

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

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

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

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

サウナ予約アプリケーション