공간 안으로 들어가는 인터랙티브 웹

ONNO

Interactive 3D · Website

Visit website

공간을 보는 순간에서 가구를 고르고 배치하는 경험까지. 사진의 분위기를 바탕으로 만든 3D 공간에 들어가 시선을 움직이고, 제품을 교체하고, 새로운 배치를 저장할 수 있도록 연결했습니다. 홈페이지 안에서 선택의 결과를 바로 확인합니다.

Project
ONNO
Services
기획
웹디자인
3D 에셋
인터랙션
Industries
Interior & Interactive 3D
Date
2026

가상 인테리어 브랜드의 제작 데모입니다. 실제 시공 실적이나 가구 브랜드와의 협업 사례가 아닙니다. 사진으로 추정한 공간과 제품은 실제 치수·형상과 차이가 있을 수 있습니다.

A New
Perspective
on Living

Objective

공간을 보는 순간에서 가구를 고르고 배치하는 경험까지. 사진의 분위기를 바탕으로 만든 3D 공간에 들어가 시선을 움직이고, 제품을 교체하고, 새로운 배치를 저장할 수 있도록 연결했습니다. 홈페이지 안에서 선택의 결과를 바로 확인합니다.

ONNO / Website walkthrough

같은 공간,
다른 선택.

01 / Product planner

제품 사진과 치수를 확인하고 가구를 다른 제품으로 교체합니다. 바닥 위로 이동하고 회전·복제·삭제하며, 되돌리기로 이전 배치를 확인할 수 있습니다.

처음 배치와 변경한 배치를 비교하고, 배치 파일이나 현재 화면 이미지로 저장합니다. ONNO는 이 흐름을 구현한 자체 콘셉트 홈페이지입니다.

ONNO 웹사이트의 긴 화면 구성
ONNO 실제 웹사이트 세부 화면

돌려보고,
공간 안으로 들어가다.

02 / Spatial navigation

전체를 살피는 시점과 실내를 걷듯 살펴보는 시점을 함께 구성했습니다. 제품을 고른 결과를 다른 각도에서 확인하면서 공간과 가구의 관계를 이해할 수 있습니다.

ONNO 브랜드의 시각적 장면
ONNO 실제 웹사이트 세부 화면

사진의 분위기를
둘러볼 수 있는 공간으로.

03 / From image to space

원본 사진을 기준으로 공간의 비례와 재질, 조명의 분위기를 3D로 구성했습니다. 사진과 구현 화면을 함께 보여주어 표현의 출발점과 결과를 비교할 수 있도록 했습니다.

ONNO 상세 화면의 확대한 일부
ONNO 실제 웹사이트의 별도 장면ONNO 실제 웹사이트의 별도 장면
공간 전체를 보는 오버뷰
공간 전체를 보는 오버뷰
ONNO — 가구 선택과 배치 편집 화면
ONNO — 가구 선택과 배치 편집 화면
실내 시점으로 둘러보는 워크스루
실내 시점으로 둘러보는 워크스루
공간 구성의 기준이 된 사진
공간 구성의 기준이 된 사진
3D로 구현한 공간
3D로 구현한 공간

Designed
to connect

Project approach

공간을 보는 순간에서 가구를 고르고 배치하는 경험까지. 사진의 분위기를 바탕으로 만든 3D 공간에 들어가 시선을 움직이고, 제품을 교체하고, 새로운 배치를 저장할 수 있도록 연결했습니다. 홈페이지 안에서 선택의 결과를 바로 확인합니다.
ONNO
기획
웹디자인
3D 에셋
인터랙션
ONNO 실제 모바일 화면 1
ONNO 실제 모바일 화면 2
ONNO 실제 모바일 화면 3

Across
every screen

Responsive design

같은 웹사이트를 작은 화면에서도 읽고 사용할 수 있도록 구성했습니다. 아래 이미지는 실제 화면을 각 기기 크기에서 확인한 모습입니다.

ONNO 태블릿 반응형 화면

Project
& Delivery

Scope

  • ProjectONNO
  • Services기획
    웹디자인
    3D 에셋
    인터랙션
  • IndustriesInterior & Interactive 3D
  • Date2026
MORROW

MORROW

Wedding studio · Concept website

Next project ↗