NPC Salon

K뷰티와 AI를 주제로 한 오피니언 리더 살롱의 이벤트 페이지입니다. 소개부터 참가 신청까지 한 장에 담았습니다.

역할
디자인과 개발 · 공동 작업
분류
웹사이트 · 이벤트 페이지
스택
Next.js, three.js
라이브
사이트 열기

무엇을 만들었나

손이 N, P, C 글자를 건네는 흑백 타이포 히어로에서 시작해, 스크롤하면 종이가 찢기며 한옥 갤러리 디오라마가 열리는 랜딩을 만들었습니다. 참가 신청까지 한 페이지에서 이어집니다.

눈여겨볼 점

  • 420vh 길이의 스크롤 히어로
  • SVG 노이즈 필터로 만든 종이 찢김 마스크
  • three.js 2.5D 한옥 갤러리 디오라마, 카메라 돌리와 스크린 점등

스택

Next.js, three.js

라이브 사이트 열기
NPC Salon 모바일 첫 화면
NPC Salon 페이지 전체
NPC Salon 모바일 첫 화면

스크롤 장면

  1. NPC Salon 스크롤 장면 1
  2. NPC Salon 스크롤 장면 2
  3. NPC Salon 스크롤 장면 3
  4. NPC Salon 스크롤 장면 4
  5. NPC Salon 스크롤 장면 5