1
고객3D 도시핫스팟 6개로 각 페이지에 바로 연결
(사례) 간판 및 광고 공사・Polish 3D / Polish AI
결제 전에 실제 점포 화면에서 간판을 미리 보고, 고객이 완성된 모습을 먼저 확인
간판은 주문 제작품이라 결제 전에는 보통 평면 시안으로 확인합니다. 그래서 웹사이트를 3D 도시로 만들었습니다. 고객은 로고와 점포 사진을 올려 간판에 불이 켜진 모습을 미리 보고, 시연 모드를 제안 미팅에 그대로 가져갈 수 있습니다.
같은 방식은 완성된 뒤에야 고객이 결과물을 볼 수 있는 업종에 적용할 수 있습니다. 간판, 건축 자재, 창호·커튼월, 인테리어, 전시장, 조명이 그 예입니다.
5가지 간판 스타일
9개 매장 장면
4동 시범 건물
(과제)
간판의 효과는 건물과 거리 속에 놓아야 비로소 보입니다
간판은 건물과 거리에 놓였을 때 비로소 가치가 보입니다. 평면 시안과 렌더링으로는 세 가지에 답할 수 없습니다. 이 건물에 달았을 때 충분히 눈에 띄는지, 밤에 불이 켜지면 어떤 모습인지, 정면 발광과 도장 마감 중 어느 쪽이 더 맞는지입니다.
영업 담당자는 그동안 말로 보충 설명을 했고, 고객은 완성된 모습을 먼저 상상해야 했습니다. 웹사이트는 완성된 모습을 먼저 볼 수 있는 자리를 제공하는 것을 목표로 했습니다.
(접근 방식)
웹사이트 자체가 하나의 도시
간판 업체의 웹사이트는 대개 준공 사진으로 작업물을 보여 주며, 시공 경험을 설명할 수 있습니다. 고객이 확인하고 싶은 것은 자신의 간판이 어떤 모습일지이므로, 이번 웹사이트는 조작할 수 있는 장면으로 이에 답합니다.
홈페이지는 드래그와 확대·축소가 가능한 3D 도시입니다. 여섯 개의 핫스팟이 구역 사이에 서 있으며, 전문 담당자 상담, 대표 사례, 서비스 플랜, 간판 쇼룸으로 바로 연결됩니다.
도시 텍스처를 4K에서 2K로 낮추고 KTX2 압축을 적용해, GPU 텍스처 메모리를 약 681MB에서 약 30MB로 줄였습니다. 브라우저에서 3D를 실행할 수 없으면 정적 커버와 주요 링크를 자동으로 보여 주므로, 입구에서 돌아서는 사람이 없습니다.
도시를 모바일에서 구동하기 위한 전제: 텍스처 크기를 먼저 줄이고 KTX2로 변환합니다.
- 8장 4096 x 4096약 681MB
- 2048 x 2048로 축소약 170MB
- KTX2로 추가 변환약 30MB
홈페이지 3D 도시의 GPU 텍스처 메모리. 수치는 추정치이며, 이 텍스처 세트는 정식 버전에 반영되었습니다.
(핵심 설계)
고객이 직접 해 보게 하는 세 가지 설계
쇼룸
시범 건물 네 동 중 하나를 고르고 SVG 로고를 올리면 간판이 즉시 건물 외벽에 걸립니다. 정면 발광, 후면 발광, 정·후면 발광, 도장 입체 글자, 광고 라이트박스의 다섯 가지 스타일을 한 번에 전환할 수 있고, 색상, 테두리, 밝기, 위치, 크기, 두께도 세밀하게 조정됩니다. ‘시연’을 누르면 컨트롤이 접히고 카메라가 자동으로 건물을 돌며, 영업 담당자는 노트북만 열면 바로 제안할 수 있습니다.
데스크톱
로고와 스타일을 바꾸면 간판이 곧바로 외벽에 걸림
시범 건물 네 동 중에서 자유롭게 고를 수 있습니다. 로고 템플릿은 한 번에 바뀌고, 스타일은 정면 발광·후면 발광·도장 입체 문자 등으로 전환되며, 위치·두께·크기는 슬라이더로 미세 조정하면 화면이 곧바로 갱신됩니다. 사진 시뮬레이션으로 넘어가 내장된 매장 사진을 고르면 사진 속 외벽에 간판이 올라갑니다.
사진 시뮬레이션
점포 사진 한 장을 올리면 간판을 직접 끌어다 맞출 수 있어, 고객이 가장 궁금해하는 점, 즉 자기 점포에 달았을 때의 모습을 바로 확인할 수 있습니다. 사진이 없으면 기본 제공되는 낮과 밤의 점포 장면 아홉 개를 먼저 사용할 수 있습니다. 사진은 브라우저 안에서만 처리되며 서버로 전송되지 않습니다.
휴대폰
휴대폰에서 간판을 매장 사진 위에 바로 올림
휴대폰에서도 사진 시뮬레이션을 그대로 조작할 수 있습니다. 로고 템플릿과 스타일은 한 번 탭하면 바뀌고, 슬라이더로 수평·수직 위치와 상하·좌우 회전을 조절해 간판을 사진 속 외벽에 맞춥니다.
사용 편의성
쇼룸에 처음 들어가면 일곱 단계 안내가 나타납니다. 색상 선택기, 슬라이더, 업로드 창은 모두 키보드와 화면 낭독 소프트웨어로 조작할 수 있어 마우스에 의존하지 않아도 됩니다.
완성 후에야 고객이 볼 수 있는 업종은 첫 미팅에서 미리보기 방식을 확인할 수 있습니다.
(성과)
사례 페이지에 문의 양식을 넣고, 네 가지 언어의 내용을 검색 엔진이 읽을 수 있게 했습니다
공식 웹사이트는 현재 번체 중국어, 영어, 일본어, 말레이어 네 가지 언어를 제공합니다. 각 사례 페이지 끝에는 상담 양식이 삽입되어 요구 항목과 예산 범위를 먼저 확인합니다. 사례는 FAQ 구조화 데이터와 llms.txt도 함께 출력하므로 검색 엔진과 AI 어시스턴트가 모두 읽을 수 있습니다.
탐색
직접 해보기
제안
문의
고객
영업
2
고객쇼룸간판 스타일 5종 원클릭 전환
3
고객사진 시뮬레이션간판을 직접 끌어 위치 맞추기
4
영업쇼룸 모드컨트롤 패널 접힘, 카메라 자동 선회
5
고객사례 페이지 상담 양식요구 항목과 예산 범위
사진은 브라우저 안에서만 처리되며 서버로 전송되지 않습니다.
새 사례 글은 AI가 케이스를 만들고 본문을 작성하며, 규칙은 기존 글의 통계에서 가져왔습니다.
규칙 설정
생성 및 라벨링
검토
출시 전
프로그램
모델
사람
1
프로그램기존 콘텐츠 집계이미지 수, 단락 제목, 캡션 길이, FAQ 유형
2
모델규칙에 따라 생성 및 라벨링출처를 찾지 못하면 비워 둡니다.
3
프로그램검증기가 관문 역할구조 일치, 글자 그대로 대조, 종료 코드 0일 때만 수용
4
사람보완비워 둔 필드는 사람이 출처를 보완합니다.
5
프로그램검토 대조 파일 정리검토자는 데이터베이스와 원본 파일을 열람하지 않습니다.
6
모델위험도 기준 표본 검토약 10%, 어려운 사례만 상위 모델로 넘김
7
사람이미지·텍스트 대조 및 첫 화면 스크린샷모바일과 데스크톱 모두 확인
사례 글과 대량 문서 라벨링의 두 가지 방식을 바탕으로 정리했습니다.
(엔지니어링 기록)
방법과 실측, 한 장씩 펼치기
간판 미리보기 시스템 구축 방식: 로고 업로드, 사진 위치 맞춤, 3D 쇼룸
로고와 매장 사진은 브라우저 안에서만 처리하고, 서버는 정적 파일만 제공한다WebGL을 쓸 수 없거나 장면 렌더링에 오류가 나면 홈페이지는 정적 커버를 표시하고, 아래 내용은 그대로 불러온다고객은 3D 도시에서 문의 양식까지 이동하고, 영업 담당자는 쇼룸 화면으로 제안할 수 있다AI 일괄 생성 콘텐츠의 품질 게이트: 기존 콘텐츠를 먼저 집계하고, 검사 가능한 규칙을 정한다
2회 시험 실행에서 검토 비용은 라벨링 비용의 약 20배였습니다. 관련 방법 · 숫자 출처는 다른 프로젝트
라벨링 비용검토 비용
- 1배가장 비싼 모델의 문서별 검토시험 실행약 20배
익명 프로젝트이며, 비용은 정가 기준으로 환산한 금액으로 청구서가 아닙니다. 라벨링 비용을 1배로 기준합니다.
두 가지 유형의 어려운 사례만 최상위 모델에 넘기고, 나머지는 표본 검토에 남깁니다. 관련 방법
- 프로그램이 검토 대조 파일을 생성합니다.검토자는 데이터베이스와 원본 파일을 열람하지 않습니다.
- 중급 모델이 위험도에 따라 표본 검토합니다.약 10%, 장문·스캔 파일·레이아웃에 의심이 있는 문서 우선
- 경계 또는 커버리지 점수가 3점 이하이고 원인이 라벨 쪽에 있음최상위 모델에 넘김어려운 사례
- 검증기 통과 실패최상위 모델에 넘김종료 코드가 0이 아님
- 나머지표본 검토에 남김, 넘기지 않음검증기 통과, 점수 기준 충족
전체 라벨링은 약 1,500건이며, 모델 검토는 약 10%만 표본 추출합니다. 관련 방법 · 숫자 출처는 다른 프로젝트
- 전체 라벨링약 1,500건문서 1건당 하위 작업 1개, 검증기 종료 코드가 0일 때만 수용
- 표본 미추출약 1,350건모델 검토는 거치지 않고, 검증기가 관문 역할을 합니다.
- 위험도 기준 표본 검토약 160건약 10%, 장문·스캔 파일·레이아웃 의심·신규 출처 우선
익명 프로젝트의 전체 결과이며, 수치는 대략적인 값입니다. 표본으로 뽑히지 않은 문서도 여전히 검증기를 통과해야 합니다.
모바일 3D의 메모리 예산: 모바일에 남길 기능과 데스크톱 전용으로 할 기능
텍스처 메모리는 약 681 MB에서 약 30 MB로 줄었으며, 대신 텍스처 한 장의 변 길이가 절반이 됩니다.3D 성능 수치의 측정 오차와 신뢰할 수 있는 측정법
실제 GPU, 로딩 완료, 기준선 복귀 중 하나라도 빠지면 수치를 채택하지 않습니다. 관련 방법
- 실제 GPU에서 렌더링 확인소프트웨어 렌더링의 프레임률과 메모리는 채택하지 않음
- 로딩 완료, 탭이 전면에 있음, 콘텐츠가 실제로 그려졌는지 확인로딩 중과 숨겨진 탭의 수치는 채택하지 않음
- 한 차례 조작 완료 후 기준선과 대조탭과 GPU 두 프로세스 모두 측정
- 세 가지 모두 충족단일 측정 수치로 채택그래도 다른 버전과 번갈아 대조해야 합니다.
- 전제 중 하나라도 충족되지 않음채택하지 않고 다시 측정사후에 수치를 보정하지 않음
- 한 차례 조작 후 기준선으로 돌아오지 않음중첩 적재의 원인을 별도로 조사절대값은 비교하지 않음
두 버전을 같은 시간대에 번갈아 측정하면 노이즈가 두 버전에 동시에 섞입니다. 관련 방법
먼저 기저 노이즈 측정
1차
이후 각 회차
해석
버전 A
버전 B
1
버전 AA 반복 측정같은 버전 자체의 산포 확인
2
버전 AA 1회 측정
3
버전 BB 바로 이어서 1회 측정노이즈가 두 버전에 동시에 섞임
4
버전 AA 다시 1회 측정
5
버전 BB 다시 1회 측정반복 횟수는 변동에 따라 결정
6
버전 AA의 중앙값 사용
7
버전 BB의 중앙값을 A와 비교차이가 기저 노이즈보다 커야 개선으로 봅니다.
버전마다 각각 빌드하고 같은 스크립트로 측정합니다. 반복 횟수는 기저 노이즈와 변동에 따라 결정합니다.
SEO, AEO, GEO란: 차이와 실행 순서
SEO, AEO, GEO는 같은 콘텐츠와 인덱스를 공유하며, 차이는 마지막 출력 단계에 있습니다. 관련 방법
웹사이트 측
- 크롤링 가능한 HTML
- 직접 답변과 사실
- 구조화 데이터
가져오기
검색 및 AI 엔진
- 크롤러 및 인덱싱
- 검색 및 랭킹
표시
사용자에게 보이는 것
- 순위 링크SEO
- 직접 답변AEO
- AI 답변의 인용GEO
개략적인 흐름도이며, 엔진마다 인덱스와 정렬 방식이 다릅니다.
구현 순서: 색인 등록이 콘텐츠보다 먼저, 콘텐츠가 마크업보다 먼저 관련 방법
기반
콘텐츠
마크업
기술
콘텐츠
1
기술색인 등록크롤링 가능, noindex, 404, hreflang
2
콘텐츠질문과 일치title, h1, 구매자 용어
3
콘텐츠첫 문장 직접 답변페이지당 한 단락
4
콘텐츠인용 가능한 사실출처, 수치, 날짜
5
기술마크업과 크롤러구조화 데이터, 분기
각 단계는 이전 단계 위에 쌓입니다.
3D 모델 최적화 전후 비교: 다운로드 용량과 메모리 실측
전후 비교표
| 지표 | 전 | 후 | 측정 방식 |
|---|---|---|---|
| GPU 텍스처 메모리: 8장 4096 x 4096을 2048 x 2048로 축소(WebP 품질 80) | 약 681MB | 약 170MB | “장 수 x 변 길이² x 4바이트 x 4/3(mipmap)”으로 산정 |
| 텍스처 다운로드량 | 3.38MB | 2.84MB | 텍스처 파일 크기 |
| GPU 메모리: 이후 KTX2로 변경(ETC1S, mipmap 포함) | 약 170MB | 약 30MB | 추정치. 이 텍스처 세트는 이미 정식 버전에 반영되었습니다. 두 단계 합산으로 약 681MB에서 약 30MB로 줄었습니다. |
첫 미팅 15~30분 동안 진행 방향, 예산 범위, 일정 초안을 받을 수 있습니다.
Polish 3DPolish AI다음 프로젝트: 네 단계 질문으로 등급별 메뉴를 받고, 확정 후 3D 장면에서 식탁 전체를 차린다
(문의)
Start a project.
세 단계를 거치면 판단 근거가 되는 접근 방식과 예산 범위를 얻을 수 있습니다.
- 01첫 미팅 예약: 시간을 선택합니다. 완성된 사양서는 필요하지 않습니다.
- 0215~30분 온라인 상담: 접근 방향, 예산 범위, 일정 초안을 받습니다.
- 03자료를 검토한 뒤 약 3~5 영업일 안에 견적서 및 납품 사양 명세서를 제공합니다.
- 이메일
- hello@polish-design.com.tw
- 우편 주소
- 대만 타이베이시 중산구 즈푸로 191-1호 3층 (104)
첫 미팅 예약
월요일~금요일 16:00–18:00온라인 30분
먼저 시간대를 선택한 뒤 Google 계정 또는 이메일로 확인합니다. 예약이 확정되면 캘린더에 추가할 수 있습니다.
시간 선택
