플러스프로젝트 배경
1) 문제점 - 개발 역량을 문서로만 설명해서는 실제 구현 수준이 전달되지 않음 - 외주 역량과 자체 제품이 한 화면에 섞여 방문자가 무엇을 보는지 구분하기 어려움 - 문의를 메일 주소로만 받으면 접수 이력이 남지 않고 응대 상태를 관리할 수단이 없음 2) 프로젝트 목표 - 기술 수준 제시: 첫 화면 자체를 실시간 3D 구현물로 구성 - 정보 구조 분리:
프로젝트 성과
WebGL 물 시뮬레이션 자체 구현
물리 기반 물 표현을 3D 엔진으로 이식해 첫 화면 배경으로 구현, 마우스 입력에 물결이 실시간 반응
정적 사이트에 문의 관리 체계 구축
서버리스 함수와 데이터베이스를 연결해 접수·저장·메일 통지·관리자 조회를 한 흐름으로 구성
보안·검색 기준 적용
콘텐츠 보안 정책과 전송 보안 헤더, 외부 자원 무결성 검증을 적용하고 구조화 데이터·사이트맵 정비
핵심 기능
실시간 3D 히어로
물리 기반 물 표현을 첫 화면 배경으로 구현, 마우스 위치에 따라 물결과 굴절이 실시간 변화
진행 단계
기획 및 디자인 토큰 정립
2026.06.
회사 소개 자산에서 색·서체·간격 기준을 뽑아 토큰 문서로 정리, 정보 구조 설계
프로젝트 상세
1) 포트폴리오 소개 개발사의 역량과 제품 라인업을 한 페이지에 담은 기업 웹사이트입니다. 첫 화면을 실시간 3D 배경으로 구성해 구현 수준을 화면으로 제시하고, 문의 접수부터 관리자 확인까지 한 흐름으로 처리합니다. 2) 작업 범위 기획부터 디자인, 개발, 배포까지 전 과정 단독 진행. - 정보 구조 설계 및 화면 기획 - 디자인 토큰 정립 (색
