제품 선택 · 교체
제품 사진과 치수를 확인하고, 선택한 가구를 다른 제품으로 바꿉니다.
INTERIOR WEBSITE / INTERACTIVE 3D
ONNO인테리어 3D 홈페이지 제작
사진 속 공간에 들어가고,
내 취향의 가구로 바꾸다.
공간을 구경하는 순간에서
직접 고르고 배치하는 경험까지.
THE IDEA
‘우리 집에 놓으면 어떨까?’
그 질문에 화면으로 답하도록.
인테리어 사진은 분위기를 전하지만, 다른 가구를 놓았을 때의 모습까지 보여주기는 어렵습니다. ONNO는 공간 소개와 3D 탐색, 제품 선택을 하나의 홈페이지에 연결한 데모입니다.
방문자는 공간 안으로 들어가 시선을 움직이고, 가구를 교체한 다음 배치를 조정할 수 있습니다. 제품을 선택한 결과를 바로 확인하는 과정이 이 프로젝트의 중심입니다.
01 / CHANGE THE FURNITURE같은 공간,
같은 공간,
다른 선택.
기존 가구를 선택한 뒤 원하는 제품으로 교체합니다. 원래 배치와 변경한 배치를 비교하며 공간의 인상이 어떻게 달라지는지 살펴볼 수 있습니다.
직접 제품 교체하기기존 배치제품 교체 후
이동 · 회전 · 삭제
바닥 위로 가구를 옮기고 각도를 조정합니다. 복제와 삭제, 되돌리기도 지원합니다.
비교 · 저장
처음 배치와 비교하고, 배치 파일이나 현재 화면 이미지로 보관합니다.
02 / WALK INSIDE공간을 돌려보고,
공간을 돌려보고,
안으로 들어가다.
전체 모형으로 배치를 파악한 뒤, 공간 안으로 들어가 가구와 재료를 가까이 살펴봅니다. 거실·주방·식탁 시점을 바로 선택하거나 방향키와 드래그로 이동할 수 있습니다.
3D 공간 들어가기
03 / FROM PHOTO TO SPACE사진의 분위기를
사진의 분위기를
둘러볼 수 있는 공간으로.
버건디 소파, 붉은 스톤, 월넛과 패브릭. 기준 사진의 색과 재료를 살려 3D 공간을 만들고, 웹에서 보기 좋은 질감과 빛을 조정했습니다.
원본 사진과 3D 함께 보기
01 / 기준 이미지
가구 배치와 색, 재료를 정리하고 공간 생성의 기준을 만듭니다.
02 / 형태와 재질
Meshy로 형태를 생성하고 Blender에서 보정합니다. DDEE 가구에는 Substance 3D Painter로 패브릭 질감을 적용했습니다.
03 / 웹 인터랙션
공간 탐색과 제품 선택, 이동·회전·삭제를 연결해 브라우저에서 직접 체험하도록 구현했습니다.
04 / THE BRAND EXPERIENCE공간의 첫인상부터
공간의 첫인상부터
상담으로 이어지는 흐름.
차분한 녹색과 따뜻한 중성색, 큰 글자와 넓은 여백으로 공간을 보여줍니다. 시공사례·스튜디오·진행 과정·상담 메뉴에 테크닉과 공간 꾸미기를 연결했습니다.
ONNO 홈페이지 보기
PROJECT SCOPE
구현한 범위
- 유형
- 가상 인테리어 브랜드 · 자체 콘셉트 데모
- 웹사이트
- 브랜드 홈페이지 / 사진·3D 비교 / 공간 꾸미기
- 제품 에셋
- WEKINO DDEE / IKEA POÄNG / IKEA STOCKHOLM 참고 모델
- 체험 기능
- 3D 탐색, 제품 교체·추가, 이동·회전, 복제·삭제, 되돌리기, 배치 저장
실제 시공 실적이나 가구 브랜드와의 협업 사례가 아닌 제작 데모입니다. 단일 사진을 바탕으로 만든 공간으로, 보이지 않는 부분과 공간 치수는 추정했습니다. 제품의 세부 형상·색·질감은 실물과 차이가 있으며 구매·시공 전 현장 확인이 필요합니다. 상담 화면은 체험용입니다.