처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
KR 위시켓 어려움 외주

WebGL 기반 3D 체육시설 가상 체험 페이지 구축 전문가

2026.06.23 16회 웹 개발
예산
5,000,000원
예상 기간
2개월
지원 마감
2026년 05월 06일
난이도
어려움

기술 스택

WebGL Three.js React Node.js JavaScript HTML/CSS Database (e.g., MongoDB/PostgreSQL) Cloud Platform (e.g., AWS/GCP)

AI 분석 요약 기회점수 40/100

이 프로젝트는 WebGL 기반 3D 체육시설 가상 체험 페이지를 구축하는 것으로, 주요 공간을 3D로 구현하고 사용자가 자유롭게 탐색하며 인터랙티브 요소와 상호작용하는 기능을 포함합니다. 상세 기획부터 UI/UX 디자인, 3D 모델링 및 프론트엔드/백엔드 개발, 인프라 구축까지 전반적인 역량을 요구합니다. WebGL이나 Three.js 등 3D 그래픽 라이브러리 활용 경험이 있는 웹 개발 전문가에게 적합합니다.
핵심 요구사항
  • WebGL/Three.js 기반 3D 가상 체험 페이지 개발 (PC/Mobile 웹 반응형)
  • 체육센터 주요 동선 및 공간을 3D로 구현 및 자유로운 탐색 기능
  • 특정 시설물에 상호작용 시 상세 설명 팝업 및 애니메이션 구현
  • 상세 기획, UI/UX 디자인, 3D 모델링 및 에셋 제작 포함
  • 콘텐츠 관리를 위한 최소한의 백엔드 및 서버/DB/인프라 구축
산출물
  • 상세 기획서 (기능정의서, 화면설계서 등)
  • UI/UX 디자인 원본 파일 (Figma, XD 등)
  • 3D 모델링 원본 파일 및 에셋 일체
  • 개발 소스 코드 일체
매력 포인트
  • WebGL/Three.js 등 최신 3D 웹 기술을 활용한 전문적인 프로젝트 경험 기회
  • 명확한 기능 요구사항 제시로 개발 방향성 이해 용이
주의사항
  • 예산(500만원) 및 기간(60일)이 기획, 디자인, 3D 모델링, 풀스택 개발, 인프라 구축 등 광범위한 과업 범위에 비해 매우 비현실적입니다.
  • 3D 모델링 및 에셋 제작이 포함되어 있어, 개발자 외에 전문 3D 아티스트의 협업이 필요하거나 개발자가 해당 역량까지 갖춰야 합니다.
프로젝트 유형신규개발
적합 개발자5년차 이상 3D 웹 개발 전문가 (WebGL, Three.js, React/Node.js)

프로젝트 원문 설명

[프로젝트 개요]
- 체육센터 WebGL 기반 3D 체험형 페이지 개발

[프로젝트 배경 및 목표]
- 현재 운영 중인 체육센터의 공식 홈페이지 내에 신규 페이지를 구축하고자 합니다. 본 프로젝트의 목표는 사용자가 오프라인 방문 전, 온라인에서 체육센터의 주요 공간과 이용 프로세스를 3D로 생생하게 체험할 수 있는 인터랙티브 콘텐츠를 구축하는 것입니다. 이를 통해 잠재 고객의 흥미를 유발하고 서비스 이해도를 높여 실제 방문으로 이어지도록 유도하는 것을 목표로 합니다.

[과업 범위]
1. 수행 범위
- 상세 기획: 요구 사항 정의, 기능 정의, 화면 설계
- UI/UX 디자인
- 3D 모델링 및 에셋 제작
- 프런트엔드/Client 개발 (PC/Mobile Web, WebGL 기반 3D 콘텐츠 개발 포함)
- 백엔드 개발 (콘텐츠 관리를 위한 최소 기능)
- 서버/DB/인프라 구성

2. 상세 기능 요구 사항
2-1. 3D 공간 체험 기능
- 체육센터의 주요 동선(로비 → 접수 → 탈의실 → 헬스장)을 3D 공간으로 구현합니다.
- 사용자는 각 공간을 자유롭게 둘러볼 수 있어야 합니다.
- 마우스 클릭 또는 특정 UI 요소를 통해 지정된 동선에 따라 공간을 이동할 수 있습니다.
- 마우스 드래그를 통해 시점을 자유롭게 회전하며 공간을 탐색할 수 있는 기능을 제공합니다.
2-2. 인터랙티브 요소 구현
- 특정 운동 기구나 시설물에 상호작용 시, 관련된 상세 설명이 텍스트 팝업 형태로 제공되어야 합니다.
- 사용자의 이해를 돕기 위한 간단한 애니메이션 효과를 포함합니다.

[지원 디바이스]
- PC Web (Chrome, Edge, Safari 등 주요 브라우저 호환성 확보)
- Mobile Web (반응형 UI/UX 적용)

[기술 스택]
- 프로젝트에 가장 적합하다고 판단되는 기술 스택을 자유롭게 제안해 주시기 바랍니다.

[지원 자격 및 우대 사항]
1. 지원 자격
- WebGL, Three.js 등 3D 그래픽스 라이브러리 활용 프로젝트 경험 보유 업체
2. 우대 사항
- 유사 3D 인터랙티브 콘텐츠 또는 가상 전시/체험 페이지 구축 경험이 있는 업체

[산출물]
- 상세 기획서 (기능정의서, 화면설계서 등)
- UI/UX 디자인 원본 파일 (Figma, XD 등)
- 3D 모델링 원본 파일 및 에셋 일체
- 개발 소스 코드 일체
위시켓에서 원본 확인
원본 보기

이런 프로젝트, 직접 수주하고 싶다면?

TTJ 정규반에서 실전 프로젝트 경험과 수익화 방법을 배워보세요

정규반 보기