Three Ways of Light

Three Ways of Light

직접 제작한 PIVOT, RAIL, ARC 세 조명을 나란히 배치한 실제 Blender 시네마틱 렌더.

직접 제작한 PIVOT, RAIL, ARC 세 조명을 나란히 배치한 실제 Blender 시네마틱 렌더.

Year

2026

Type

Personal project · Product / Web

Role

제품 콘셉트, 웹 화면 구성, AI 기반 제작 조율 및 결과 검수

Tools

Codex, Figma

영상은 V10, 모바일 목업은 V8 참고 화면입니다.

세 가지 조명의 형태와 움직임을 하나의 웹 경험으로 풀어낸 개인 프로젝트입니다. 제품 콘셉트에서 3D 장면과 웹 인터랙션으로 표현을 확장하고, Codex로 제작 과정을 조율하며 장면과 움직임을 컨트롤했습니다.

세 가지 조명의 형태와 움직임을 하나의 웹 경험으로 풀어낸 개인 프로젝트입니다. 제품 콘셉트에서 3D 장면과 웹 인터랙션으로 표현을 확장하고, Codex로 제작 과정을 조율하며 장면과 움직임을 컨트롤했습니다.

세 가지 조명의 형태와 움직임을 하나의 웹 경험으로 풀어낸 개인 프로젝트입니다. 제품 콘셉트에서 3D 장면과 웹 인터랙션으로 표현을 확장하고, Codex로 제작 과정을 조율하며 장면과 움직임을 컨트롤했습니다.

PIVOT 조명의 관절 구조를 보여주는 실제 V10 데스크톱 웹 화면.

직접 제작한 PIVOT 원본 3D 모델의 다크 스튜디오 렌더.

직접 제작한 RAIL 원본 3D 모델의 다크 스튜디오 렌더.

직접 제작한 ARC 원본 3D 모델의 다크 스튜디오 렌더.

RAIL 조명 제품 소개의 실제 V10 데스크톱 웹 화면.

ARC 조명 제품 소개의 실제 V10 데스크톱 웹 화면.

RAIL 조명 부품이 분리된 구조를 보여주는 실제 웹 화면.

Figma의 기존 Safari 목업 안에 실제 V10 제품 비교 화면을 배치한 장면.

기존 Figma iPhone과 Safari 목업에 실제 V8 모바일 PIVOT·ARC 참고 화면을 배치한 장면. V10 모바일 검증본 아님.

PIVOT 조명의 관절 구조를 보여주는 실제 V10 데스크톱 웹 화면.

직접 제작한 PIVOT 원본 3D 모델의 다크 스튜디오 렌더.

직접 제작한 RAIL 원본 3D 모델의 다크 스튜디오 렌더.

직접 제작한 ARC 원본 3D 모델의 다크 스튜디오 렌더.

RAIL 조명 제품 소개의 실제 V10 데스크톱 웹 화면.

ARC 조명 제품 소개의 실제 V10 데스크톱 웹 화면.

RAIL 조명 부품이 분리된 구조를 보여주는 실제 웹 화면.

Figma의 기존 Safari 목업 안에 실제 V10 제품 비교 화면을 배치한 장면.

기존 Figma iPhone과 Safari 목업에 실제 V8 모바일 PIVOT·ARC 참고 화면을 배치한 장면. V10 모바일 검증본 아님.

More work

View all projects

검정 배경의 Parallax 로고 아래에 주황색 입자로 만든 지구본을 배치한 가상 API 플랫폼의 대표 그래픽.

Previous project

Parallax

Interactive website

2026

House of Amy 웹사이트의 브랜드 소개와 드레스 컬렉션을 데스크톱·태블릿·모바일 화면으로 보여주는 디자인 목업.

Next project

House of Amy

Website redesign

2026