2026 개정판 · 1차 8월 5일 공개전체 커리큘럼 →
← WORK 목록으로
KOREA위시켓웹 개발

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

이 프로젝트는 WebGL 기반 3D 체육시설 가상 체험 페이지를 구축하는 것으로, 주요 공간을 3D로 구현하고 사용자가 자유롭게 탐색하며 인터랙티브 요소와 상호작용하는 기능을 포함합니다. 상세 기획부터 UI/UX 디자인, 3D 모델링 및 프론트엔드/백엔드 개발, 인프라 구축까지 전반적인 역량을 요구합니다. WebGL이나 Three.js 등 3D 그래픽 라이브러리 활용 경험이 있는 웹 개발 전문가에게 적합합니다.

2026.06.23VIEW 14위시켓에서 수집
Budget5,000,000원
Difficulty고급
Duration2개월
Work style외주
Required stack

필요 기술

WebGLThree.jsReactNode.jsJavaScriptHTML/CSSDatabase (e.g., MongoDB/PostgreSQL)Cloud Platform (e.g., AWS/GCP)
Project brief

프로젝트 내용

[프로젝트 개요]
- 체육센터 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 모델링 원본 파일 및 에셋 일체
- 개발 소스 코드 일체
지원 기회 분석

지원 전에 볼 것

핵심 요구사항

  • 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 아티스트의 협업이 필요하거나 개발자가 해당 역량까지 갖춰야 합니다.
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...