実績一覧に戻る
HP2025-08-10約2週間
スタートアップ 採用サイト
急成長スタートアップの採用サイト。ビジョン・カルチャーを伝え、優秀な人材を惹きつけるデザイン。
Next.jsTypeScriptmotion

ご注意: 本事例はポートフォリオ用にサービス名・画像・金額等を架空のものに差し替えて掲載しています。実際のプロジェクトとは異なります。
プロジェクト概要
AI×マーケティング領域のスタートアップ「Nexus」の採用サイトを制作。ビジョン・カルチャー・メンバーを魅力的に伝え、優秀な人材獲得を支援します。
顧客からのご要望
- スタートアップらしいエネルギッシュなデザインにしたい
- ビジョンとカルチャーを前面に出したい
- エンジニア・デザイナー・ビジネス職それぞれに訴求したい
制作アプローチ
ビビッドなグラデーションとアニメーションで先進性を表現。メンバーインタビューや社内風景を豊富に掲載し、リアルな雰囲気を伝えました。
成果物の詳細
ページ構成(全7ページ)
- トップページ(ビジョン、カルチャー、募集職種)
- ビジョン・ミッションページ
- カルチャー・働き方ページ(社内制度、福利厚生)
- メンバー紹介ページ(インタビュー形式)
- 募集職種一覧ページ
- 選考フローページ
- エントリーページ
主な機能
- 職種別フィルタリング機能
- メンバーインタビュー動画埋め込み
- エントリーフォーム(職種選択機能付き)
- スクロール連動アニメーション
- ダークモード対応
技術的な工夫
- motion(旧framer-motion)で印象的なアニメーション: スクロール連動でビジュアルを動的に表示
- Next.js App Routerによる高速表示: 求人情報の静的生成でSEO強化
- TypeScriptで型安全なフォーム: エントリー情報の確実な管理
- OG画像動的生成: SNSシェア時に職種情報を含む画像を自動生成
- アクセシビリティ対応: キーボードナビゲーション、適切なコントラスト確保
制作期間
約1.5週間(一般的な制作会社では8-10週間)