「なっぷ」 UI/UXエンジニア

必須

• 生成AI・最新SaaSツールの活用経験：Claude, Replit, Cursor等を用いたコード生成や、ブラウザで実際に動くプロトタイプを構築したご経験。
• Webフロントエンド開発の基礎知識：HTML/CSS, JavaScript, およびReact/Vue等の基本的な理解・開発経験。
• UI/UXデザインの基本知識：画面設計、情報アーキテクチャ、コンポーネント設計の理解がある方。
• 要件定義〜基本設計への参画経験: ビジネス要件を読み解き、画面イメージやUXに落とし込んだ経験、エンジニアと密に連携してUIを構築したご経験。

歓迎

• Figma等のデザインツールからコード（React/Tailwind等）への落とし込み実務経験。
• デザインシステム・コンポーネント設計の構築・運用経験
• Tailwind CSSなどのユーティリティファーストCSSフレームワークを用いた効率的なUI構築スキル。
• Webアクセシビリティ（WCAG）に関する知識がある方。
• Agile / Scrum環境でのプロダクト開発経験。
• 複雑なデータ処理・状態管理の実装経験。
• （大量のデータ取得・更新、複雑な入力フォーム、バリデーション処理の実装）
• 業務効率・ミス防止を追求したUI/UX設計・開発
• （テーブル・カレンダー・グラフなど、作業性を重視した画面構築）
• 汎用性の高い業務用コンポーネントの設計・運用
• （検索フィルター、データ入力パーツ等の共通化による開発効率化）

求める人物像

• アウトドア業界に貢献する自社サービスを守り、成長させる熱い想いをお持ちの方。
• ビジョンに共感し、チーム（仲間）で成果を目指すことが好きな方。
• 「完璧な静止画」に時間をかけるより、「動く試作品」で早くフィードバックを得るスピード感を重視できる方。
• 新しいツールを積極的に触って面白がれる「技術好奇心」と、それを自らの業務へ取り入れられる方。
• 見た目の美しさだけでなく、「どう書けば開発チームが実装しやすいか」まで思考・配慮できる方。
• コミュニケーションを大切にし、他職種（PdM・営業・経営陣・エンジニア）と柔軟に対応できる方。
• プロとしてクオリティ向上に努力を惜しまず、能動的・ポジティブに仕事に臨める方。
• AI等の出力結果に対して、その正誤や良し悪しを判断できる根拠（論理的思考）をお持ちの方。

使用ツール

Description

• キャンプ場検索・予約サイト「なっぷ」をはじめとする自社サービスにおいて、より迅速に新しい価値をユーザーへ届けるため、プロダクト開発のあり方そのものを変革するメンバーを募集します。 本ポジションでは、要件定義などの上流工程からプロジェクトに参画し、デザインとエンジニアリングの架け橋として活躍していただきます。 生成AIなどの最新ツールやインタラクティブなプロトタイプを積極的に活用し、アイデア段階から高速で検証・実装を行える開発プロセスを構築・リードしていただきます。 デザイナーとエンジニア双方の視点から、プロダクトの成長スピードとクオリティを極限まで高めていくコアメンバーとしての活躍を期待しています。

具体的な仕事内容

• プロダクトのユーザー体験（UX）設計から、Figmaを用いたUIデザイン、さらにはフロントエンドの実装方針の策定、動くプロトタイプを用いたステークホルダーとの合意形成までを一気通貫で担当していただきます。

①動くプロトタイプの高速構築

• 生成AI（Claude Artifacts, Replit等）を活用し、要件定義段階からブラウザ上で動作するインタラクティブなUIプロトタイプの作成・検証。

②デザインシステム・UI設計の推進

• Figmaを用いたコンポーネントライブラリの構築・運用
• 再利用性と開発容易性（実装しやすさ）を意識したUIコンポーネントの定義（React, Tailwind CSS等）。

③フロントエンド実装のディレクション

• OSS UIライブラリ（MUI, Radix UI, shadcn/ui等）の仕様を理解し、エンジニアにとって実装負荷が低く、メンテナンス性の高いデザインの提案。
• Tailwind CSSやCSS-in-JS等を用いたスタイリングの方針策定や、エンジニアへの実装指示（インタラクション、アクセシビリティの定義）。

④ステークホルダーとの合意形成・UXリサーチ

• 実際に触れるプロトタイプを用いて、他チーム（PdM、経営陣、営業等）や開発チームと円滑なコミュニケーションを行い、フィードバックを迅速に回収する。
• ユーザー調査に基づいた改善案の立案、およびプロトタイプによる検証・改善サイクルの実行。