K.F logo

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

詳細な要件整理と協働により、2か月の期限内で産業保健スタッフと健康課題を持つ従業員のニーズを満たす面談予約機能を実装

クライアントはGoogle Calendarを利用していましたが、健康管理システムと連携できず、セキュリティ上の懸念もありました。

2か月という期限内に、リアルタイムの空き状況確認とスムーズな予約を実現する、安全で統合された予約システムを提供することでした。

データベースを設計し、Django REST FrameworkでRESTful APIを構築。ページを再読み込みせずに即時予約できるVue.jsフロントエンドを実装しました。

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フロントエンド開発をリードしました。複雑な商品探索を支える情報設計とデータ構造を整え、拡張可能なプラットフォームを構築しました。

マットレスの比較をシンプルにし、製品品質を分かりやすく伝えることでEC売上を向上

Plasmabed — 3週間

B2Cユーザーリサーチゼロイチウェブデザイン・開発

Plasmabedはオーガニック流入と売上を増やしつつ、競合との違いを明確にする必要がありました。顧客は製品の違いや品質を理解しづらく、購入判断をためらっていました。

ユーザーリサーチと関係者インタビューから、主要な製品属性をより明快に比較できることが必要だと特定。違いを直感的に理解できるマットレス比較サイトのMVPを設計・開発しました。

要件を迅速にすり合わせ、関係者と密に協働することで、3週間でMVPを提供。市場投入を早め、製品の分かりやすさとEC売上の向上に貢献しました。

ジュエリー卸売ストアのSEO、UX、サイト安定性を改善

主要なジュエリー商品が検索結果で十分に上位表示されず、ECサイトには成長を支えるためのバグ修正とUX改善も必要でした。

安定した本番ストアを維持し、重大なバグと機能要望に対応しながら、オーガニック流入と売上を増やすことでした。

SEOとUX改善をリードし、重要なPHPバグの修正を優先。WordPressテーマをカスタマイズしてナビゲーションと商品発見性を向上させました。