에스지파트너스 랜딩페이지

프로젝트 상세

1. 프로젝트 개요 (Project Overview)
프로젝트 명: 인력 아웃소싱 플랫폼 통합 웹/모바일 인터페이스 구축

주요 기술 스택
Front-end: Next.js (React), Tailwind CSS (깔끔한 UI 구현)
Back-end: NestJS (Node.js framework)
Database: PostgreSQL / Prisma ORM

2. 작업 범위 (Work Scope)
기획부터 배포까지 풀스택 프로세스를 수행하였습니다.
- 기획: 비즈니스 요구사항 분석, 정보 설계(IA), 사용자 흐름(User Flow) 정의
- 디자인: 신뢰감을 주는 블루/그레이 톤 기반의 UI/UX 디자인 (반응형 대응)
- 개발: * Web/Mobile: Next.js 기반의 고성능 SSR(Server Side Rendering) 페이지 구축
- Admin/API: NestJS를 활용한 확장성 있는 백엔드 및 고객사 관리 API 개발

3. 핵심 문제 및 목표 (Problem & Goal)
- 문제점: 기존 아웃소싱 시장의 파편화된 정보와 복잡한 UI로 인한 접근성 저하.
- 목표: 인력 매칭 프로세스를 시각화하고, 고객사가 한눈에 정보를 파악할 수 있는 고성능 웹/모바일 환경 제공.

4. 프로젝트 주안점 (Key Focus)
- 보고서의 전문성을 높이기 위해 '고도화'된 주안점 설명입니다.

ㅁ 민첩한 개발 프로세스 (Rapid Development)
- Next.js & NestJS 조합: 생산성이 높은 프레임워크를 채택하여 초기 빌드 속도를 극대화했습니다.
- 컴포넌트 기반 설계: 중복 코드를 최소화하고 UI 컴포넌트를 모듈화하여 기능 추가 및 수정 시간을 단축했습니다.

ㅁ 가변적 고객사 관리 (Dynamic Brand Identity)
- 로고 및 테마 관리 기능: 하드코딩이 아닌 관리자 페이지(CMS)를 통해 고객사 로고를 실시간으로 교체 및 관리할 수 있도록 설계했습니다.
- 유연한 데이터 구조: 고객사의 업종이나 특성에 따라 레이아웃이 자연스럽게 적응하는 유동적 그리드 시스템을 적용했습니다.

ㅁ 미니멀 & 클린 디자인 (Clean Visual Identity)
- 여백의 미 극대화: 텍스트 중심의 아웃소싱 정보를 사용자가 쉽게 읽을 수 있도록 충분한 화이트 스페이스를 확보했습니다.
- 모바일 퍼스트 대응: 어떤 기기에서도 끊김 없는 사용자 경험(UX)을 제공하며, 전문 인력의 프로필과 포트폴리오가 돋보이는 카드 스타일 레이아웃을 채택했습니다.