1. 문제점:
- 기존 취업 정보의 파편화: 취업 정보가 다양한 플랫폼에 산재되어 있어 구직자들이 체계적인 가이드를 받기 어려움
- 1:1 멘토링 접근성 부족: 현직자와 취업준비생 간의 연결 통로 부재로 실질적인 취업 노하우 전수 어려움
- 기존 랜딩페이지의 전환율 저조: 일반적인 정적 랜딩페이지로는 서비스 가치 전달과 사용자 참여 유도 한계

2. 프로젝트 목표:
- 고품질 사용자 경험: 모든 디바이스에서 일관된 고품질 UX 제공으로 서비스 신뢰도 향상
- 전환율 극대화: 심리학 기반 UX 패턴과 최적화된 CTA를 통한 회원가입 전환율 3배 향상 목표
- 접근성 보장: 모든 사용자가 차별 없이 서비스를 이용할 수 있는 웹 접근성 환경 구축
- 성능 최적화: Lighthouse 90+ 점수 달성으로 SEO 상위 노출 및 사용자 이탈률 최소화

3. 주안점:
- 타겟별 차별화: 멘티와 멘토 각각의 니즈와 동기를 정확히 반영한 맞춤형 메시지 전달
- 신뢰도 구축: 전문적인 디자인과 풍부한 콘텐츠로 서비스 신뢰성 확보
- 모바일 우선: 주 사용층인 20-30대의 모바일 사용 패턴에 최적화된 설계

1. 포트폴리오 소개: 취업 멘토링 매칭 플랫폼 서비스로, 취업 준비생(멘티)과 현직 멘토를 연결하는 1:1 맞춤형 취업 멘토링 서비스 랜딩페이지 개발

2. 작업 범위:
- 설계 및 기획: 사용자 경험 설계, 정보 아키텍처 구성, 와이어프레임 설계
- 프론트엔드 개발: Next.js 14 기반 풀스택 개발, TypeScript 적용
- UI/UX 디자인: 반응형 디자인 시스템 구축, 접근성 준수 (WCAG 2.1 AA)
- 성능 최적화: Lighthouse 90+ 달성, SEO 최적화, Core Web Vitals 최적화
- 지원환경: 반응형 웹 (Mobile First), 데스크톱/태블릿/모바일 최적화

3. 주요 업무:
- 듀얼 랜딩페이지: 멘티용/멘토용 2개 페이지 개발 (디자인 통일, 문구 차별화)
- 인터랙티브 UI: Framer Motion 기반 애니메이션, 패럴랙스 효과, 파티클 백그라운드
- 폼 시스템: React Hook Form + Zod 기반 유효성 검사 및 API 연동
- CTA 최적화: 전환율 극대화를 위한 다단계 CTA 시스템 구현
- 역할 전환: 상단 스위치를 통한 멘토/멘티 페이지 실시간 전환 기능

4. 주안점:
- 사용자 중심 설계: 취업 준비생의 심리적 부담감 완화와 멘토의 전문성 어필
- 접근성 우선: 스크린 리더 호환성, 키보드 네비게이션, 고대비 디자인
- 성능 최적화: 모바일 3G 환경에서도 빠른 로딩 속도 보장
- 전환율 최적화: 심리학 기반 UX 패턴 적용 (사회적 증명, 희소성, 권위)
- 확장성 고려: 컴포넌트 기반 설계로 향후 추가 기능 확장 용이성 확보