デザイナー・クリエイター(React)の求人・転職情報

●採用部門 当社では、”増加するサイバーセキュリティの脅威”、”その攻撃の早さ”、”攻撃の多様化”、”回数”、そして”増加するセキュリティ投資”に対して、「より早く、より的確に、より効果的に」をコンセプトに、サイバーセキュリティを事業とし、「Cyber Security Innovation Group」を2018年に設立しています。 同Groupの事業の柱の一つとして、クラウド型のセキュリティサービス「FutureVuls」( https://vuls.biz/ )の提供を行っています。 この「FutureVuls」を強みにエンタープライズのお客様向けに統合的なセキュリティサービスを提供していきます。 FutureVuls・・・Vuls(VULnerability Scanner)をベースに提供している脆弱性管理のクラウドサービス。 Vulsは脆弱性情報の全自動スキャンツールの名称。 2016年4月1日にオープンソースとして世界に無償公開。 半年後の同年10月1日にはオープンソース共有サイト「GitHub」でランキング1位を獲得するなど、世界中のシステム管理者から多くの注目を集めている。 ●ミッション 日々発生するサイバーセキュリティの脅威や脆弱性情報を収集・分析し、得られたインテリジェンスを顧客にわかりやすく伝達することで、顧客の脆弱性管理業務のサポートとFutureVulsの信頼性を確立すること。 ●職務内容 セキュリティ・リサーチャーやバックエンドエンジニアと密に連携し、以下の業務を遂行します。 1.セキュリティ・ツールのUIデザイン・プロトタイピング ・「FutureVuls」(独自開発しているセキュリティWebアプリケーション)の操作画面設計、フロントエンド実装、ベンダー管理 ・複雑なデータをユーザーが直感的に理解できるデータビジュアライゼーションの構築。 ・スパイクアクセスにも耐えうる、高速で軽量なページ描画(パフォーマンス最適化)の実現。 2.テクニカル・マーケティング・コンテンツの制作 ・技術ブログ(FutureVuls Blog)や特設サイトのUI/UX改善とフロントエンド実装。 ※コンテンツ例 FutureVulsプロダクトページ(https://www.vuls.biz/blog) FutureVuls Blog(https://www.vuls.biz/blog) 3.ブランド・アイデンティティの高度化 ・技術発信におけるビジュアルガイドラインの策定。 ・カンファレンス登壇資料やホワイトペーパーのクリエイティブ・ディレクション。 ●組織構成 ・Vuls開発チーム:10名 └ UI/UX領域の専任:1名(他領域との兼任: 4名) ●業務内容の変更の範囲 当社業務全般に従事いただく可能性がございます。

担当プロダクト(モジュール単位のグループ)に所属し、画面設計からデザインシステムの運用、AI体験の検証までをお任せします。 ● 次世代プロダクトおよびAI機能のUI/UX設計 ・AIチャットボットやAIサジェスト機能を組み込んだ、次世代HRテックのUXリサーチおよび画面設計 ・新規機能のオブジェクト指向UIに基づく画面モデリング、および既存の機能過多な業務画面のSaaS型リファクタリング ・労務・給与計算担当者へのデプスヒアリング、および社内営業・コンサルタント経由でのUXリサーチの主導 ・ワイヤーフレーム、およびインタラクションプロトタイプの作成・検証 ● デザインシステム・文化の組織実装 ・プロダクト横断のUI/UXデザインガイドラインの確立・運用 ・大規模のプロダクトエンジニアに対するUI/UXデザインレビュー、および実装支援 ・既存製品へウェブアクセシビリティの観点を組み込む全社的推進 ・UI/UXの定量評価(データによる体験の可視化)の指標づくりと実行 ・グループ内の若手デザイナーに対するメンタリング・育成支援 ●配属組織 ※2026年6月時点 ・製品開発部門約600名 ※協力会社社員含む └各製品/開発領域で組織が分かれ、それぞれ数⼗名程度在籍 └モジュール単位でそれぞれ数名程度グループ在籍 ●技術スタック ・デザインツール:　Figma ・開発ツール:　Git ・言語:　HTML, CSS, JavaScript(Vue, React, jQuery) ・コミュニケーションツール:　Slack, Google Workspace ・AIツール:　GitHub Copilot, Gemini ●デザイン環境 ・デザインツール:　Figma ・言語:　HTML、CSS、JavaScript (Vue, React, jQuery) ・コミュニケーションツール:　Slack, Google Workspace

担当プロダクト(モジュール単位のグループ)に所属し、画面設計からデザインシステムの運用、AI体験の検証までをお任せします。 ● 次世代プロダクトおよびAI機能のUI/UX設計 ・AIチャットボットやAIサジェスト機能を組み込んだ、次世代HRテックのUXリサーチおよび画面設計 ・新規機能のオブジェクト指向UIに基づく画面モデリング、および既存の機能過多な業務画面のSaaS型リファクタリング ・労務・給与計算担当者へのデプスヒアリング、および社内営業・コンサルタント経由でのUXリサーチの主導 ・ワイヤーフレーム、およびインタラクションプロトタイプの作成・検証 ● デザインシステム・文化の組織実装 ・プロダクト横断のUI/UXデザインガイドラインの確立・運用 ・大規模のプロダクトエンジニアに対するUI/UXデザインレビュー、および実装支援 ・既存製品へウェブアクセシビリティの観点を組み込む全社的推進 ・UI/UXの定量評価(データによる体験の可視化)の指標づくりと実行 ・グループ内の若手デザイナーに対するメンタリング・育成支援 ●技術スタック ・デザインツール:　Figma ・開発ツール:　Git ・言語:　HTML, CSS, JavaScript(Vue, React, jQuery) ・コミュニケーションツール:　Slack, Google Workspace ・AIツール:　GitHub Copilot, Gemini ●デザイン環境 ・デザインツール:Figma ・言語:HTML、CSS、JavaScript (Vue, React, jQuery) ・コミュニケーションツール:Slack, Google Workspace

担当プロダクト(モジュール単位のグループ)に所属し、画面設計からデザインシステムの運用、AI体験の検証までをお任せします。 ● 次世代プロダクトおよびAI機能のUI/UX設計 ・AIチャットボットやAIサジェスト機能を組み込んだ、次世代HRテックのUXリサーチおよび画面設計 ・新規機能のオブジェクト指向UIに基づく画面モデリング、および既存の機能過多な業務画面のSaaS型リファクタリング ・労務・給与計算担当者へのデプスヒアリング、および社内営業・コンサルタント経由でのUXリサーチの主導 ・ワイヤーフレーム、およびインタラクションプロトタイプの作成・検証 ● デザインシステム・文化の組織実装 ・プロダクト横断のUI/UXデザインガイドラインの確立・運用 ・大規模のプロダクトエンジニアに対するUI/UXデザインレビュー、および実装支援 ・既存製品へウェブアクセシビリティの観点を組み込む全社的推進 ・UI/UXの定量評価(データによる体験の可視化)の指標づくりと実行 ・グループ内の若手デザイナーに対するメンタリング・育成支援 ●技術スタック ・デザインツール:　Figma ・開発ツール:　Git ・言語:　HTML, CSS, JavaScript(Vue, React, jQuery) ・コミュニケーションツール:　Slack, Google Workspace ・AIツール:　GitHub Copilot, Gemini ●デザイン環境 ・デザインツール:　Figma ・言語:　HTML、CSS、JavaScript (Vue, React, jQuery) ・コミュニケーションツール:　Slack, Google Workspace

担当プロダクト(モジュール単位のグループ)に所属し、画面設計からデザインシステムの運用、AI体験の検証までをお任せします。 ● 次世代プロダクトおよびAI機能のUI/UX設計 ・AIチャットボットやAIサジェスト機能を組み込んだ、次世代HRテックのUXリサーチおよび画面設計 ・新規機能のオブジェクト指向UIに基づく画面モデリング、および既存の機能過多な業務画面のSaaS型リファクタリング ・労務・給与計算担当者へのデプスヒアリング、および社内営業・コンサルタント経由でのUXリサーチの主導 ・ワイヤーフレーム、およびインタラクションプロトタイプの作成・検証 ● デザインシステム・文化の組織実装 ・プロダクト横断のUI/UXデザインガイドラインの確立・運用 ・大規模のプロダクトエンジニアに対するUI/UXデザインレビュー、および実装支援 ・既存製品へウェブアクセシビリティの観点を組み込む全社的推進 ・UI/UXの定量評価(データによる体験の可視化)の指標づくりと実行 ・グループ内の若手デザイナーに対するメンタリング・育成支援 ●技術スタック ・デザインツール:　Figma ・開発ツール:　Git ・言語:　HTML, CSS, JavaScript(Vue, React, jQuery) ・コミュニケーションツール:　Slack, Google Workspace ・AIツール:　GitHub Copilot, Gemini ●デザイン環境 ・デザインツール:　Figma ・言語:　HTML、CSS、JavaScript (Vue, React, jQuery) ・コミュニケーションツール:　Slack, Google Workspace

ユーザーリサーチからUI/UXデザイン、プロトタイピング、デザインシステムの構築・運用まで、プロダクト体験に関わるデザイン業務全般を担当していただきます。 AI ツールを活用した高速な検証サイクルの中で、定量・定性の両面からユーザー体験を磨き上げていく役割です。 【業務範囲】 ・ユーザーリサーチ(インタビュー、アンケート、行動分析)の設計・実施・分析 ・ユーザージャーニーマップ、ペルソナ、シナリオの作成・更新 ・Web・モバイルアプリの UI/UX デザイン(Figma を中心としたツールで制作) ・ワイヤーフレーム、インタラクティブプロトタイプの作成と検証 ・A/B テスト、ユーザビリティテストの設計・実施・改善提案 ・デザインシステム(コンポーネント、トークン、ガイドライン)の構築・運用 ・エンジニア・PdM との協働による仕様策定とデザインレビュー ・AI ツールを活用したデザインワークフローの効率化 ・デザイン品質基準の策定とチームへの浸透 【利用するツール】 ・Figma / FigJam(デザイン・プロトタイピング・コラボレーション) ・Claude / ChatGPT / Midjourney / DALL-E 等の生成 AI ツール ・Cursor / 各種 MCP ツール(AI 支援によるデザイン資産管理・ドキュメント生成) ・Notion / Slack(ドキュメント・コミュニケーション) ・Amplitude / Google Analytics / Hotjar 等の分析ツール ・GitHub(デザインレビュー・エンジニア連携)/ Storybook(コンポーネントカタログ) 【資質(ユーザー志向・構造化力・探索性)】 ・ユーザーの行動・感情を深く理解し、体験価値を最大化することへの強い執着 ・曖昧なビジネス要件やユーザー課題を構造化し、デザインで解決策を提示できる論理的思考力 ・AI 活用という未確立な領域において、新しい手法を積極的に試し、失敗から学べる探究心と柔軟性 ・完璧を求めすぎず、素早くプロトタイプを作って検証する「まずやってみる」姿勢 【具体スキル】 ・Figma を用いた UI デザイン・コンポーネント設計・プロトタイピングの実務経験 ・ユーザーリサーチ手法(インタビュー、ユーザビリティテスト、サーベイ等)の実践 ・デザインシステムの構築・運用経験(トークン設計、コンポーネント管理、ドキュメント整備) ・レスポンシブデザイン・モバイルファーストのデザイン思考 ・デザインの意図・根拠を言語化し、ステークホルダーに説明できるプレゼンテーション力 ・定量データ(KPI、コンバージョン、離脱率等)に基づく改善提案力 ・基礎的な HTML/CSS/JavaScript の理解(実装は不要、エンジニアとの円滑な連携のため) ・意欲的に AI ファーストで新技術を吸収し、従来手法からの柔軟なアンラーニングができる適応力

エージェント体験 (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) , デュアルモニタ対応

●概要 クリエイティブ業務の生産性・品質向上を目的とした、AI活用推進と業務プロセス改革をお任せいたします。 単なるツール導入に留まらず、企画から制作、効果検証までのバリューチェーン全体を俯瞰し、本質的な課題解決に取り組んでいただきます。 また効率化で創出したリソースを新たな価値創造へと繋げ、将来的には顧客から指名される専門性を確立していただきます。 詳細 ●クリエイティブ業務におけるAI化の推進 └国内外の最新AIツールのリサーチ、選定、導入、PoCの実施 └効果的なプロンプトの開発、集約、ナレッジ └AI活用定着に向けた社内メンバーへのハンズオン支援や研修プログラムの企画・実施 ●クリエイティブ業務プロセスの分析と再設計 └クリエイティブディレクター/アートディレクターへのヒアリングを通じた業務プロセスの可視化と課題抽出 └AIやテクノロジーを活用したクリエイティブの自動化・省力化の企画と推進 └トッププレイヤーの思考プロセスを分析し、汎用性の高いフレームワークやツールに落とし込む ●「仕組み」の浸透と行動変容の促進 └開発・導入したクリエイティブツールや業務フローの社内ドキュメンテーション整備 └社内勉強会の開催や成功事例の共有など、「使いたくなる」仕掛けづくり └利用状況のモニタリングとフィードバックに基づく継続的な改善活動 取り扱うツール・技術領域 ※特定のツールや言語に固執せず、プロジェクトの目的に応じて最適な技術を柔軟に選定・活用することを期待しています。 ●UI/UXデザイン・プロトタイピング └Figma, Adobe XD などのデザイン/プロトタイプツール ●ジェネレーティブAI活用 └画像生成、テキスト生成、動画生成などのAIサービス・API全般 ●インタラクティブコンテンツ開発 └Unity, Unreal Engine, TouchDesigner 等を用いた開発経験 ●Web/アプリ開発 └JavaScript, React, Vue.js, Python 等を用いたフロントエンド/バックエンド開発スキル ●XR・フィジカルコンピューティング └VR/AR技術や Arduino 等を活用した体験設計に関する基本的知識 変更の範囲:会社の定める業務(出向先会社での業務を含む) ▼組織構成　※2025年8月時点 組織全体:約870名 今回の配属先:統合マーケティングコミュニケーション局

具体的な業務 Sansan株式会社が展開するサービスやイベントなどに関するWebサイト・Webコンテンツの企画・制作・運用を担当します。また、中長期的な事業活動の拡大を見据えて、Webサイト全体の設計や技術選定なども担います。なお、希望するキャリアによっては、Webサイトに限らず、さまざまな幅広い種類の制作物のディレクション・進行管理業務などに関わることもできるポジションです。 担当する業務(一部) - 自社サービスやブランドに関連したWebサイト、Webコンテンツの企画・制作・運用 - 各種サービスやイベントなどに関連したWebサイトやオウンドメディア、各種LP(ランディングページ)などの企画・制作・運用 - 自社が主催するビジネスイベント、キャンペーン施策に関するWebクリエイティブ全般の企画・制作・運用 担当するWebサイトの例 - 「Sansan」(サービスサイト) - 「Bill One」(サービスサイト) - 「Contract One」(サービスサイト) - Sansan Innovation Summit(イベントサイト) ※ 担当業務は個人の特性やキャリア・経験などを踏まえて決定します。 開発環境、使用するツールなど OS:macOS/Windows選択可 開発言語・環境:HTML、SCSS、JavaScript、TypeScript、React(Next.js)、PHP(WordPress/Laravel)、AWS、Docker(rancher)、microCMS など 制作ツール:Figma、Adobe CC(‎Photoshop、Illustrator)など その他利用ツール:Git、Backlog、ChatGPT Enterprise、GitHub Copilot、Slack、Boxなど 従事すべき業務の変更の範囲 会社の定める業務 記載内容に関する注意事項 本求人票に記載の内容は、会社の方針によって変更になる可能性があります。

Sansan株式会社が展開するサービスのWebサイトやコーポレートサイトをはじめ、各種Webサイトのフロントエンド実装業務全般を担当します。 ランディングページ、オウンドメディアなど、幅広い領域でWebサイトの設計・制作・運用を行うポジションです。 また、中長期的な事業活動の拡大を見据えて、実装だけでなくWebサイト全体の設計や技術選定なども担います。 ▼担当するWebサイトの例 「Sansan」(サービスサイト) 「Bill One」(サービスサイト) 「Contract One」(サービスサイト) Sansan Innovation Summit(イベントサイト) 「Sansan株式会社」(コーポレートサイト) 中途採用サイト 新卒採用サイト ●従事すべき業務の変更の範囲 会社の定める業務

Sansan株式会社が展開するサービスやイベントなどに関するクリエイティブ全般の制作を通して、ブランド体験を構築します。 Web、紙など、媒体は問いません。 インハウスのメンバーをはじめ、必要に応じて外部事業者とも連携して、さまざまな制作に携わります。 ●担当する業務(一部) ・クリエイティブコンセプトの企画・開発、それに付随する制作業務全般 ・サービスコンセプト、Sansan株式会社のミッションやビジョンに沿ったメッセージ性の高いコンテンツ開発 ・広告、ポスター、パンフレット、営業資料をはじめとしたサービスや事業活動に関連したさまざまな業務(企画、コピーライティング、デザイン、ディレクションなど) ・イベントクリエイティブの開発(キービジュアル制作、会場装飾のコンセプトデザインなど) ・制作物に必要な素材撮影やイベント撮影における撮影ディレクション(静止画・動画など) ※ 担当業務は個人の特性やキャリア・経験などを踏まえて決定します。 ●担当するプロジェクト、サービスの例 ・Sansan Innovation Summit ・Sansan KBCオーガスタゴルフトーナメント ・Sansan Innovation Community ・「Sansan」(サービスサイト) ・「Bill One」(サービスサイト) ・「Contract One」(サービスサイト) ●開発環境、使用するツールなど ・OS:macOS/Windows選択可 ・制作ツール:Adobe CC(Photoshop、Illustrator、InDesignなど)、Figma、Microsoft PowerPointなど ・その他利用ツール:Slack、Backlog、Box、Zoomなど ・開発言語・環境:HTML、SCSS、JavaScript、TypeScript、React(Next.js)、PHP(WordPress/Laravel)、AWS、Docker(rancher)、microCMSなど ※ コーディング作業は別途フロントエンドエンジニアが行います。 記載内容に関する注意事項 本求人票に記載の内容は、会社の方針によって変更になる可能性があります。

ユーザーの目的を満たすために必要な機能やコンテンツを考え、目指す情報や機能へ辿り着くための構造設計を行っていただきます。 ●要件定義 / IA(情報設計) ●スマートフォンアプリ、Webサービス (マルチデバイス)のUI設計構築 主にご担当いただく業務は管理画面のUI/UX設計と構築です。 デザインチームは、UI/UXデザイナー2名/WEBデザイナー4名で構成されております。 今後のプロダクト機能リリースを鑑み、UI領域を強化したく、この度の募集と至りました。 【ツール】 Adobe InDesign, Adobe Photoshop, Adobe Illustrator, Adobe XD, Mac Keynote 【バージョン管理】 GitLab(マージリクエストベースでレビューを実施) 【コラボレーションツール】 Redmine, Slack, Google Workspace

・SPA, MPA, SSRなどによるWebアプリケーションの設計・実装・リリース ・バックエンドエンジニアとの設計議論、APIのIF設計 ・ディレクター・デザイナーとのUI/UX設計議論 ・業務メンバーからの業務要件聴取 【使用技術】 Amazon Web Services Terraform TypeScript (Vue.js / React.js) Webpack 5 【使用サービス】 Google Workspace Slack 1Password GitHub Kibela Backlog Datadog Opsgenie Bitrise

さくらインターネットのUXエンジニアは、レンタルサーバ・VPS・ウェブアクセラレータをはじめとする各種サービスにおいて、お客様がサービスの価値を直感的かつ円滑に利用できる管理画面などのユーザー体験の設計および開発を行っています。 お客様に満足度高く継続的に利用していただくため、複雑な機能や業務要件を分かりやすいUIに落とし込み、使いやすさと開発・運用のしやすさを両立したフロントエンド基盤を高品質に保つことが必要です。 サービスやプロダクトの特性を理解し、UI/UX設計からフロントエンド実装まで主体的に取り組むことで、顧客へ提供する価値を最大化していただける方を募集しています。 【具体的な業務】 フロントエンド開発とUI/UX設計の両方のスキルを活かし、ユーザーにとって使いやすく、魅力的で直感的なアプリケーションやサービスの開発を担っていただきます。 デザインの意図を忠実に再現しながら、ユーザビリティや操作性を考慮したインターフェースを実装し、ユーザー体験の向上を推進します。 また、バックエンドエンジニアやデザイナーとの連携を通じて、技術的な実現性とデザイン品質の両立を図りながら、サービスや機能のスピーディーな開発・改善に貢献していただきます。 ユーザー視点と技術的視点の双方から課題を捉え、継続的なUI/UX改善を推進する業務となります。 【期待する将来像】 ・レンタルサーバ、VPS、ウェブアクセラレータ、ドメインなどの各種サービスにおいて、ユーザーの体験全体を見据えたUI/UX設計を推進しプロダクトの価値向上を牽引して頂くことを期待しています ・フロントエンド領域における技術選定や設計方針の策定、チームの開発品質向上を通じて、新サービス・機能などの設計にも主体的に関わって頂きたいと考えています

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をまたいだ機能変更をオーナーシップを持って牽引している。 ●変更の範囲 会社の定める業務

Dress Code株式会社のプロダクトにおいて、「業務の摩擦をなくし、誰でも自然に気持ちよく使えるUI/UX」をデザインとエンジニアリングの両面から実現していただくポジションです。 私たちが目指すのは、人事労務・情シス・採用・総務など、これまで複雑で属人化していた業務領域を統合的に扱う「Workforce Management領域のコンパウンドプロダクト」です。 プロダクト群を横断する共通基盤=デザインシステムを核として、複雑な業務フローを抽象化し、グローバルでも違和感なく使える体験へと落とし込んでいく——その中心を担っていただくのが、このポジションです。 デザイナーが設計したUIをそのまま実装するのではなく、UX視点で問いを立てながら構造・状態・動作の最適解を設計し、コードに落とすところまで一貫して担っていただきます。 実装比重は概ね65〜80%、デザイン比重は20〜35%を想定していますが、プロダクトの状況や本人の志向に応じて柔軟に調整可能です。 具体的には、以下のような業務をご担当いただきます。 ・デザインシステムの構築・運用・進化(コンポーネントライブラリ、デザイン・トークン、アクセシビリティ基準の策定) ・複雑な業務フロー(人事労務・情シス・採用など)を「自然で気持ちよい」UI/UXに抽象化し、React / TypeScriptで実装 ・グローバル対応を前提とした国際化設計(多言語・タイムゾーン・通貨・日付形式・法対応を考慮したUI) ・デザイナーと協業した高速プロトタイピングと仮説検証 ・プロダクト間の一貫性とユーザビリティを高めるための仕様調整・技術的フィードバック ・パフォーマンス・スケーラビリティ・保守性を意識したエンタープライズ級UIの実装 ・コーポレートサイト、マーケティングLP等の実装と改善 このポジションでは、フロントエンド領域の技術選定から実装方針、デザインシステムの設計思想にいたるまで、広い裁量を持って判断・提案していただけます。

食べログノートの新機能開発,機能改善に取り組みます。 要件定義からリリースまで一貫して担当します。 企画職との要件すり合わせ、設計、実装、テストケース作成などフロントエンド開発の全ての作業をチーム内で担当します。 【具体的な業務内容】 ・React/TypeScript, Next.jsとその関連技術を使用した新機能開発/機能改善開発 ・フロントエンド開発のDX向上への取り組み ・WEBのUI/UX設計に対するコンサルティング(企画段階から参画) ・エンジニア、デザイナーのフロントエンド開発支援 【仕事のやりがい、成長できるポイント】 ・企画はもちろん、飲食店へのオンボーディング担当、カスタマーサポート、営業など直接レストランの方と関わる部門からフィードバックを受けられます。自ら開発した機能がどのように役立つのか、飲食店の利益となっているのかを実感をもって取り組めます。 ・大規模サービスならではのフロントエンドの課題に取り組むことができ、フロントエンドエンジニアとしてのスキルを高める事ができます。 ・長期運用を見越したメンテナンス性が求められるため、高い設計能力が身につきます。 ・食べログノートは食べログサービスの一部であるため、開発範囲によってステークホルダーも多岐にわたります。大人数が関わるため、プロジェクトマネジメント能力も身についていきます。 ・予約台帳は飲食店のオペレーションと密着しています。食べログノート新規機能開発、UIUXの改善、パフォーマンス改善を通して、店舗運営の効率化、コスト削減に寄与する活動を行っています。 【業務の進め方】 ・中長期計画に沿って、期ごとにプロダクトの目標が設定されます ・目標に沿って、どのような施策が有効か企画段階からエンジニアが関わります。 ・開発の概要が決まると、1週間でスプリントを計画,実施していきます ●部署説明 食べログはレストラン検索・予約サイトとして、月間ユニークユーザ数約9,600万人 (※1)を超える規模に成長してきました。今後も常に変化する世の中のニーズを踏まえてサービス展開していくための開発が必要です。 食べログでは、ユーザーの外食体験を豊かにするためにお店探し体験の改善を進めるだけでなく、飲食店支援や飲食店事業の業務を最適化するDXの取り組みを進めています。 飲食店を取り巻く状況を見ると、原材料費の高騰や人材不足など厳しい課題を抱えています。食べログではオンライン予約台帳「食べログノート」を展開することで、飲食店の予約業務について効率化やコスト削減に貢献していきます。 食べログノートは2023/02に本格展開を開始しすでに多くの店舗に導入されており、今後も拡大予定です。 食べログノートの利用店舗拡大は、飲食店の業務効率化だけではありません。多くのお店が食べログのネット予約に対応することにより、多くのユーザーに対してよりスマートな外食体験を提供することができます。 ※1 2023年3月現在。PC、スマートフォンブラウザ・アプリ等で同じユーザーが閲覧している場合には重複カウントとなります ●入社後のイメージ 比較的小規模なフロントエンド設計/実装から担当いただき、徐々に業務範囲を広げていきます。 オンボーディング中かどうかにかかわらず、複雑な仕様や今後の大きな方針が決める場合は、チームで設計レビューやペアプロに取り組んでいます。 ●開発環境 ・サーバサイド: Ruby, Ruby on Rails ・フロントエンド: jQuery, React, TypeScript, Nextなど(jQueryベースからReact/TypeScriptへ移行中) ・DB: MySQL ・データ処理基盤:GCP BigQuery ・ソースコード管理: Git, GitHub ・開発支援ツール: Asana, Confluence, Github, Circle CI, Qiita:Team

ユーザーの目的を満たすために必要な機能やコンテンツを考え、目指す情報や機能へ辿り着くための構造設計を行っていただきます。 ●要件定義 / IA(情報設計) ●スマートフォンアプリ、Webサービス (マルチデバイス)のUI設計構築 主にご担当いただく業務は管理画面のUI/UX設計と構築です。 デザインチームは、UI/UXデザイナー2名/WEBデザイナー4名で構成されております。 今後のプロダクト機能リリースを鑑み、UI領域を強化したく、この度の募集と至りました。 【ツール】Adobe InDesign, Adobe Photoshop, Adobe Illustrator, Adobe XD, Mac Keynote 【バージョン管理】GitLab(マージリクエストベースでレビューを実施) 【コラボレーションツール】Redmine, Slack, Google Workspace