PORTFOLIO — DEVELOPMENT · 01
WebGL(Three.js) 렌더링 최적화, 상태 관리, 복잡한 스크롤 · 애니메이션 이벤트 등 고도화된 클라이언트 사이드 기술을 구현한 프로젝트들입니다.
01 ATELIER VARGA DESIGN STUDIO · EDITORIAL WEBSITE + DEVELOPMENT
한 권의 하이엔드 패션 매거진을 읽는 듯한 깊이 있는 디지털 경험을 구현한 개인 포트폴리오 웹사이트
02 AURA & ECHO SOUND ART · INTERACTIVE WEB + WEBGL
유체 역학(Fluid Dynamics)과 글리치(Glitch) 아트를 결합하여, 브라우저 상에서 실시간으로 반응하는 디지털 예술을 기반으로 제작한 웹사이트
03 SBJ ARCHIVE CREATIVE DIRECTION · PORTFOLIO ARCHIVE + DEVELOPMENT
독창적인 색채 감각과 타이포그래피 실험을 웹 환경 구축
04 LIDO PERFUME ATELIER · 3D STORY SITE + WEBGL
Three.js 회전체로 만든 유리병(transmission 굴절)과 GSAP ScrollTrigger 핀 타임라인 하나에 일러스트 viewBox 로그 줌·팔/폰 리그·getScreenCTM 동기화 스토리 갤러리·3D 마퀴·향 전환을 이어 붙인 스크롤 스토리텔링. 굴절 패스 절반 해상도·적응형 DPR·로딩 중 렌더 생략으로 모바일 Lighthouse 성능 52 → 93, 8개 화면 크기 × 12페이지 반응형 QA 0건