Showcase
설계가 화면이 되는 과정
완성된 결과와 그 안의 데이터, 컴퍼넌트, 조립 순서를 함께 공개합니다. 화면 뒤의 설계 구조를 프로젝트별로 살펴보세요.
몰입형 제품 랜딩
ONEIR
스크롤과 영상, 제품 데이터가 꿈속 신호를 창작 결과물로 바꾸는 몰입형 랜딩입니다.
Scroll
Video
Product Story
MUI
3D 건축 시각화
The Vertical Breath
스크롤에 따라 부르즈 할리파의 구조가 솟아오르고 낮이 밤으로 바뀌는 3D 건축 에세이입니다.
Three.js
Scroll
Procedural 3D
Editorial
생성형 인터랙션
Heptapod B Encoder
지원 문자와 용량 범위 안에서 이름을 외계 문자 형태로 바꾸고 다시 읽어내는 인터랙티브 인코더
Scroll
Generative
Canvas
Sound
데이터 스토리텔링
Damien Hirst: Fame Algorithm
작품, 시장 사건, 검색 관심과 생물 표본을 한 시간축으로 엮은 데이터 에세이
Data
Timeline
Scroll
Editorial
From result to practice
결과를 보는 데서 직접 설계하는 단계로
코스에서는 프로젝트를 이루는 언어와 구조를 직접 만들고, AI와 협업해 화면으로 조립하는 과정을 연습합니다.
온라인 VOD + 커뮤니티 학습
6섹션 · 18챕터
Vibe Design Starter Kit
디자인 사고로 제품을 설계하는 바이브 코딩
01
바이브 디자인: 새로운 사고에 적응하기
02
꼭 필요한 만큼의 디자인 시스템
03
제품으로서의 확장: UX로 로직 제어하기
04
내 프로젝트에 적용해보기 - 챌린지
05
디자인 에이전트: 이성과 감성사이의 파이프라인
06
실전 서비스 운영 시나리오 대응