プロダクトデザイナー(JavaScript)の求人・転職情報

シニアプロダクトデザイナーとして、メドレーの人材プラットフォームのサービス・プロダクト開発のデザインプロセス全体をリードしていただきます。ユーザー体験を向上させ、直感的で効果的なサービスを提供するために、プロダクト企画からにも関与します。 具体的にお任せしたい業務領域は下記になります。 ●メドレー人材プラットフォーム事業部に関わるプロダクトデザイン業務全般 ・事業部メンバーや開発メンバーと共に新規および既存プロダクトコンセプトを策定 ・事業者向け・エンドユーザー向けのWeb・アプリのUI/UXの設計 ・プロダクトおよびプラットフォーム全体の一貫性を保つためのデザインシステムの開発 ●デザインチームの運用活動 ・デザインチームのナレッジ共有やデザイン基盤の構築を目的とした活動への参加 ※業務の変更の範囲:会社の定める業務

エージェント体験 (AX) の設計 エージェント対話フロー・インタラクションパターンの設計 不確実性の可視化・信頼度表示の UI 設計 可逆操作 (Undo / 修正) ・権限付与 UI の設計 エージェント行動のトレーサビリティ表示設計 Human-in-the-Loop 評価 UI・フィードバックループの設計 エージェントのパーソナ (性格・振る舞い・トーン) の設計 ユーザーリサーチ ユーザーインタビュー、ユーザビリティテスト、A/B テストの設計・実施 定性・定量データに基づくデザイン判断 ペルソナ・ジャーニーマップの作成・更新 AI エージェントに対するユーザーの信頼度・満足度の測定 デザインシステム・プロトタイピング AI プロダクト向けデザインシステムの構築・運用 高速プロトタイピング (Figma、コードプロトタイプ等) 情報アーキテクチャ (IA) 設計 デザインパターンのドキュメント化・チーム間共有 【業務シナリオ例 ※以下は想定される業務シナリオの例です ● シナリオ 1 : 稟議承認 AI の信頼度表示 UI 設計 JAPAN AI STUDIO の稟議承認ワークフローで、AI エージェントが「この稟議を承認すべき」と判断した際、ユーザーが「この判断はどの程度信頼できるか」を直感的に判断できる UI を設計。 信頼度スコア、参照した過去の承認パターン、判断根拠の表示方法をプロトタイプし、ユーザビリティテストで検証。 「AI が参照したデータソース (楽々精算の金額データ + SmartHR の部門予算データ)」を可視化することで、エージェント信頼度スコアが 20% 向上。 ● シナリオ 2 : SaaS 横断ワークフローの可逆操作 UI 設計 JAPAN AI STUDIO で AI エージェントが楽々精算 → SmartHR → Salesforce を横断して自律的に実行したアクション (経費承認、人事データ更新、CRM 記録更新) に対し、ユーザーが安心して「取り消し」「修正」できる UI を設計。 複数の SaaS にまたがるアクションの Undo / Redo のインタラクションパターンを定義し、「どの SaaS のどのデータが変更されたか」を一覧で確認できるトレーサビリティ表示を実装。 エラー回復成功率が 35% 向上。 ● シナリオ 3 : 「企業の脳」のデザインシステム構築 9 つのプロダクトで一貫した「企業の脳」体験を提供するため、エージェント対話コンポーネント (チャットバブル、ツール呼び出し表示、SaaS 連携進捗インジケーター、信頼度バッジ、可逆操作ボタン等) を標準化したデザインシステムを構築。 コンポーネント再利用率が 60% 向上し、新機能のデザイン工数を 40% 削減。 ●ミッション 「企業の脳」を信頼できる存在にする 人間と AI エージェントの間に「信頼」を生むインタラクションを設計し、透明性・可逆性・説明可能性を備えたエージェント体験 (AX) を実現する。 ●Human-AI Collaboration Architect とは Human-AI Collaboration Architect は「人と Agent の信頼を設計する人」です。 従来の UX デザイナーとは以下の点で根本的に異なります。 従来のUXデザイン ユーザーの操作に対して確定的な結果を返す UIの動作は予測可能 エラーは明確 (404、入力ミス等) ユーザーが操作する 一貫した UI で信頼を構築 ・Human-AI Collaboration Architect AI の出力は確率的で、毎回異なる可能性がある エージェントの行動は不確実で、説明が必要 エラーは曖昧 (「回答が不正確かもしれない」) エージェントが自律的に行動し、ユーザーが監督する 透明性・可逆性・説明可能性で信頼を構築 ●期待する役割について Human-AI Collaboration Architect として、JAPAN AI の全プロダクト (STUDIO / CHAT / SPEECH / AGENT 等) における AI エージェント体験の設計をリードしていただきます。 エージェントの対話フロー・インタラクションパターンを設計し、ユーザーが AI を信頼して業務に活用できる体験を実現する 不確実性の可視化、信頼度表示、可逆操作 (Undo / 修正)、トレーサビリティ表示など、AI 特有の UX 課題を解決する ユーザーリサーチ (インタビュー、ユーザビリティテスト、A/B テスト) に基づくデータドリブンなデザイン判断を行う AI プロダクト向けデザインシステムを構築・運用し、プロダクト横断で一貫した体験を提供する エンジニア・PM・AI 研究者と密に連携し、技術的制約を理解した上でデザインする ●成果責任 (KR/メトリクス) ユーザータスク完了率 エージェント信頼度スコア (ユーザーサーベイ) エラー回復成功率 (ユーザーが自力で修正できた割合) ユーザーリテンション率 デザインシステムコンポーネント再利用率 ●チーム体制 約120名が開発組織に在籍しています。 密接に連携する役割: Product Manager — プロダクト設計・要件定義 Agentic Product Engineer — エージェント機能開発 AI Quality Scientist — 品質評価・ユーザビリティ Research Engineer — AI 技術の最新動向・制約の理解 ●開発環境 デザイン : Figma, FigJam プロトタイピング : Figma Prototyping, Framer リサーチ : Maze, Hotjar, Google Analytics コラボレーション : Slack, Confluence, Linear, Google Workspace, Notion AI 開発支援 : Claude Code MAX Plan, Cursor, ChatGPT, Devin 作業環境 : Mac (Apple Silicon) , デュアルモニタ対応

Next.jsを用いた堅牢なビジュアル管理コンソールの開発を牽引するとともに、Figma等のデザインデータから実コードへシームレスに連携する、デザイントークン/デザインシステムの仕組みを強固に設計・実装していただきます。 構造的な課題と向き合うポイント ・ビジュアル画面エディタの構築: コンポーネントをパズルのように配置し、入力バリデーション(Zod等)を噛ませて正しいJSONスキーマを生成・保存する、高度な対話型管理ツールの設計。 ・拡張性の高いマルチテナント・テーマ設計: クライアント企業のブランド変更やダークモード対応、さらにはデバイス別(iPad/スマホ等)の出し分けやアクセシビリティ担保を容易にするトークンシステムの開発。 ・境界を越えた開発への関与: UI/UXデザイナーと強固に連携し、Figmaの設計変更からコードへのデプロイまでを半自動化する、開発者体験(Developer Experience)の最適化。 ●具体的な業務 ・Next.js / React を用いた管理コンソールのビジュアルフロントエンドおよびエディタ機能の開発。 ・デザイナーと連携した、全プラットフォーム共通のデザインシステムおよびデザイントークンの策定と設計。 ・Zod等のスキーマ検証ライブラリを用いた、動的入力の整合性担保と堅牢なバリデーションの実装。 ・各種CRUD、テナントごとの詳細なロール/招待権限、編集変更履歴(監査ログ用)の設計・開発。 ・BFF(Node.js)やAWS、CI/CD周りなどの技術領域(インフラ二番手)への自発的な越境。 ●開発環境 ・Frontend: React, Next.js, TypeScript, Tailwind CSS, Storybook, Zod / Hook Form ・Design Integration: Figma Variables, Style Dictionary (Design Tokens) ・Monorepo / Build: Turbo / Yarn Workspaces, Vite ・Infrastructure: AWS (BFF連携), GitHub Actions ・AI & Collaboration: Claude Code, Cursor, Figma, Slack, Notion ●最初の6〜12ヶ月で期待すること ・最初の3ヶ月: プラットフォーム内のデザインシステム定義とNext.js管理ツールの構造をキャッチアップし、既存コンポーネントのUI品質改善や、エディタへの新機能追加を単独で遂行できる。 ・6ヶ月時点: デザインシステムから各デバイスへのトークン配信を自動化し、Figmaとの連携を強固にする仕組みの設計・リリースをリードしている。 ・12ヶ月時点: テナント管理者向けの「直感的に操作できる管理コンソール」のUI設計およびコンポーネント構造の刷新案を提示し、Next.js・BFFをまたいだ機能変更をオーナーシップを持って牽引している。 ●変更の範囲 会社の定める業務

UIに関する高い専門性を活かし、プロダクトデザインエンジニアは、プロダクトのUI品質と一貫性を高めるために、デザインシステムの拡充と既存アプリケーションへの適用をリードします。デザインをコードとして再現しきる実装力を前提に、複雑なUIの設計から実装までを担い、プロダクト全体の体験向上につながるUI基盤を整備します。デザイン・フロントエンド開発を担当いただくポジションです。 ●業務詳細 ・デザインシステムの拡充 　└コンポーネントやスタイルの整備 　└再利用性・保守性を高める設計(UIの標準化、ガイド整備) ・既存アプリケーションへの適用推進 　└既存画面への段階的な適用計画の策定 　└既存実装との整合を取りながらの移行・改善 ・複雑なUIの設計と実装 　└仕様やデザイン意図を踏まえたUI設計 　└UIの統一性、操作性、拡張性を意識した実装 ・関係者連携 　└デザイナー、フロントエンド/バックエンド、プロダクトマネジャーなどと連携し、UIの論点整理と実装方針の進行 ※職種の変更範囲:会社の定める業務 開発環境と体制 ●技術スタック ・言語:Ruby, Python, JavaScript, TypeScript ・Webフレームワーク:Ruby on Rails, FastAPI, Vue.js ・CSSフレームワーク:ElementPlus, TailwindCSS, PostCSS, Storybook ・プラットフォーム:Amazon Web Services, Google Cloud ・データベース:Aurora MySQL ・検索エンジン:Elasticsearch, OpenSearch ・監視ツール:CloudWatch, Datadog ・コンテナ基盤:Docker, Docker Compose, ECS/Fargate ・構成管理:Terraform, Itamae ●エンジニア組織の概要 所属する組織は開発本部です。全体で約50名おり、以下4つのチームからなる体制です。 ・CLMチーム ・法務エージェントチーム ・事業部向けチーム ・イネーブリングチーム 今回の募集である、サービス開発を担う組織はイネーブリングチーム以外の3つのチームです。 ご入社いただいた際の想定配属先はそのいずれかとなります(2026年8月時点)。 各チームはそれぞれ6-10名程度の構成となっています。 【参考記事】 ・[WHY-WHAT-HOWを繋げる - MNTSQの掲げる理想のプロダクト開発 -](https://note.mntsq.co.jp/n/ne5d0464613b6) ・[FY26下期、MNTSQ開発組織と向かう先](https://note.com/naomichi_takata/n/n2a2f00242f76) ●デザインエンジニア・フロントエンドエンジニア・プロダクトデザイナーの役割の違い <プロダクトデザイナー> ・UX・体験設計の起点を担う:情報設計・UIデザイン・プロトタイピングを通じて「何をどう見せるか」を定義する ・PdM・エンジニアと要件定義フェーズから連携し、ユーザー課題を解決するデザインを主導する ・デザインシステムの構築・運用やプロセス標準化など、デザイン組織の基盤づくりにも携わる <デザインエンジニア> ・UIに責務を持つスペシャリストとして品質と一貫性を担う:デザインシステムの拡充・既存プロダクトへの適用をリードする ・デザインをコードとして再現しきる実装力を前提に、複雑なUIの設計から実装までを一気通貫で担う(UI専門職) ・デザイナー・フロントエンド・バックエンド・PdMと横断的に連携し、UI基盤の整備を推進することで他職種の開発生産性に貢献する <ソフトウェアエンジニア(フロントエンド)> ・アプリケーションのロジックとバックエンド連携に責務を持つ:UIにも携わるポジションですが、比重はロジック・設計・アーキテクチャが高い ・既存プロダクトの改善から新プロダクトの立ち上げまで、フロントエンド全体の技術的課題発見・解決を担う ・複雑な契約業務をユーザーが直感的に操作できる体験へ落とし込む 入社受入の体制 ●前提となる働き方 コアタイム無しのフルフレックスです。 リモートと出社のハイブリットワークです。出社は月5日以上となります。 エンジニアは、業務に集中するため、ミーティングを入れない日や時間帯を設けながら、生産性を追求しています。 ●3ヵ月のオンボーディングプログラム MNTSQはバリューとして「 自由と責任の文化 」を掲げています。 バリューの理解を深めていただくとともに、MNTSQでどう力を発揮するか、全社を挙げてフォローします。 期間中はメンターが付きます。水先案内人として、MNTSQでの活躍を側面支援します。