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の重複が残り、コンポーネントを作るだけのデザインシステムでは不十分になっていました。

プロダクトデザイナーとソフトウェアエンジニアの両方の立場から、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テーマをカスタマイズしてナビゲーションと商品発見性を向上させました。

ケーススタディを見る