フロントエンドエンジニア/テクニカルPM

◆組織体制 SUPER STUDIOのカスタマーエクスペリエンス室(CX室)は、ユーザー接点全体の体験価値を高めることをミッションに、プロダクト開発・ブランド設計を横断して取り組む組織です。 CX室は以下の2ユニットで構成されています。 ・プロダクトデザインユニット 　- UX/UIチーム 　- フロントエンド・プロダクトチーム ・ブランドデザインユニット 本ポジションは、フロントエンド・プロダクトチームに所属していただきます。 参考資料： SUPER STUDIOのデザイン組織や、業務についてを詳しく書いた記事がcocodaやZennにて掲載されています。ぜひご覧ください。 ・cocodaはこちら：https://cocoda.design/teams/super-studio ・テックブログはこちら：https://zenn.dev/p/superstudio ◆向き合う課題 SUPER STUDIOでは、プロダクト・ブランド・D2C・採用など、さまざまな文脈でWeb施策が同時多発的に走っています。一方で、次のような課題も見え始めています。 - AI活用は進みつつも、「AI前提の業務フロー」の設計と組織浸透が追いついていない - ブランドサイト／LP／コーポレート／採用サイトが企画ごとに分断されやすく、全体最適になりづらい - 打ち手は多いが、限られたリソースの中で優先順位をつける判断が難しい - デザイナーや非エンジニアもAIでコードを書き始めている一方、チームとしての標準的な進め方が未整備 - AI時代に合わせた、営業・マーケティングとの横断連携のアップデートが必要 ◆ポジション概要・ミッション フロントエンドの開発力と、施策を前に進めるPM/ディレクション力の両方を活かし、SUPER STUDIOの顔となるWebサイトの開発・保守・運用を、高品質かつ効率よくリードしていくポジションです。 コマースSaaS「ecforce」のWebサイト／コーポレートサイト／採用サイトなどを対象に、課題解決とKPI達成をエンジニアリングの側面から支えていただきます。 また、実装・レビューにも関わりつつ、AIと自社ヘッドレスCMSを前提にした「新しい開発・運用フロー」を設計し、チームの標準プロセスとして根付かせることにも中長期で取り組んでいただきます。 「Webサイトを作って終わり」ではなく、AI時代の開発・業務プロセスを設計するテクニカルディレクターとして、成果に直結する仕組みづくりまで担う役割です。 ◆ポジションのやりがい - AIを前提とした開発・運用フローを自ら設計し、チームの標準プロセスを底上げできる - 実装経験を土台に「どこをAIに任せ、どこを人が判断するか」という線引きから関われる - 施策設計〜実装〜改善まで一貫して関与し、フロントエンドエンジニアとして成果と品質の両立をリードできる ◆具体的な業務内容 1. AIを前提としたワークフロー設計 ・どの工程でAIを使うか ・どのレベルのアウトプットをOKとするか ・品質を上げるために何を工夫するか ・E2Eテストやビジュアルリグレッションテストの自動化 ・LLM／CLI／MCPを活用したレビュー・テスト補助など、開発プロセス改善 2. 技術的な要件定義と戦略 ・マーケティング／BX／採用／コーポレートなど、関係部署からの相談・要望整理 　・情報設計・ページ構成・機能要件の定義 ・自社ヘッドレスCMSや既存構成、工数などの制約を踏まえた現実的な仕様化 3. プロジェクトマネジメント・進行 ・タスク分解、スケジュール・リソース設計 ・デザイナー／ブランドデザインユニット／ベトナム拠点エンジニア／マーケ担当等との協業推進 4. フロントエンド実装・レビュー ・Next.js／Tailwind CSS等を用いたブランドサイト・LPの実装/改修 ・Pull Requestのレビュー、技術判断 ・CV導線、パフォーマンス、SEO、アクセシビリティを意識した品質担保 ◆入社後に期待していること ※以下は一例であり、ご希望やお強み、事業状況によって変化するものとご認識ください。 - 「ブランド／LPのWeb施策ならこの人に相談すれば全体設計から任せられる」と社内から信頼される横断ハブになっている - AI＋自社CMS＋オフショア開発を前提としたWebコミュニケーションの標準フローを設計・運用できている - 新規PJ立ち上げから参画し、要件定義〜スコープ設計〜開発〜リリース後改善まで一貫してリードしている - チームメンバーや他職種に対して、AI活用や開発プロセスのメンタリング・ナレッジ共有ができている ◆開発環境・利用ツール OS：Mac デザイン：Figma、Adobe Creative Cloud AI系ツール：Cursor、Claude、Claude Code、Gemini、Gemini CLI、NotebookLM、Figma Make など 開発環境：HTML、CSS、SCSS、Tailwind CSS、JavaScript、TypeScript、React（Next.js）、Webpack、Liquid（ecforce）、Ruby on Rails、AWS、Docker、Vercel など タスク管理：Jira、Notion コミュニケーション：Slack、FigJam その他：GitHub、Zapier

1. フロントエンドエンジニアとしての実務経験（3年以上） ・React/Next.js などのフレームワークを用いたフロントエンド開発経験 ・Webサイト／Webアプリケーションの開発経験（フロントエンド・サーバーサイド・開発言語は不問） 2. PM経験 ・要件定義〜進行管理〜リリースまで一連のプロセスをリードした経験 ・要件や制約を踏まえ、自ら開発方針・実装戦略を設計した経験 3. チーム開発経験 ・GitHubのPull Requestを活用したチーム開発の経験

・Headless CMSや自社CMSの導入・運用・機能改善の経験 ・BtoB SaaS／EC／D2C領域におけるWeb施策（サービスサイト／LP／オウンドメディアなど）の経験 ・オフショア開発チームとの協業・進行管理の経験 ・ABテストの設計や、アクセス解析ツールを用いたCVR改善の経験 ・Lighthouseなどを活用したパフォーマンスチューニングの経験 ・Ruby on Railsによる開発経験 ・LLM関連の実務導入経験、CLIやMCPを活用した自動化の経験 ・生成AI/LLM（例：ChatGPT、Cursorなど）への関心があり、日常的に情報収集や試行を行っていること

- 「なぜその施策をやるのか」という目的から考え、筋の良い打ち手を設計できる方 - 調整役にとどまらず、プロセスや進め方そのものをデザインすることに関心がある方 - フロントエンドの実装経験を活かしつつ、PM／ディレクション領域にキャリアを広げていきたい方 - AIの進化を前向きに捉え、「AI前提で職能やワークフローが変わっていくこと」をおもしろいと感じられる方 - 複数の部署・拠点・専門性をまたいだコミュニケーションで、カオスな状況を整理して前進させることにやりがいを感じる方 - SUPER STUDIOのカルチャー・行動指針に共感し、誠実に業務に向き合える方