SERVICE LIBRARY / 38 SAMPLES
화면보다 먼저,
서비스의 일을 고르세요.
상담 동선, 상품 선택, 학습 진행, 내부 운영, 콘텐츠 아카이브. 실제로 운영할 서비스를 기준으로 샘플을 좁혀 보세요.
38개 샘플 · 대표작부터
모라 — 한 룩을 네 시선으로 보는 컬렉션
이미지와 문장, 작업 설명의 밀도를 다르게 잡습니다.
스크롤 연동
소일 — 패키지를 고르고 담는 뷰티 사이트
상품 비교, 예약, 장바구니 상태를 자연스럽게 잇습니다.
스크롤 연동
여운 — 스크롤로 이어지는 브랜드 스튜디오
전문성, 사례, 문의 동선을 한 장면에 정리합니다.
스크롤 연동
커서를 따라 고개가 도는 스튜디오
움직임은 장식이 아니라 선택의 반응으로 씁니다.
커서 반응
꽃밭 속 금고가 있는 갤러리
목록과 본문, 작은 표식을 읽는 속도에 맞춥니다.
배경 루프
온실 한가운데 질문칸
전문성, 사례, 문의 동선을 한 장면에 정리합니다.
클릭·입력
언덕 위 턴테이블이 도는 음반관
목록과 본문, 작은 표식을 읽는 속도에 맞춥니다.
클릭·입력
해안을 반으로 가른 환경 페이지
움직임은 장식이 아니라 선택의 반응으로 씁니다.
배경 루프
유리 흉상이 있는 인지 화면
상품 비교, 예약, 장바구니 상태를 자연스럽게 잇습니다.
클릭·입력
뜨개 별이 앉은 에이전시
움직임은 장식이 아니라 선택의 반응으로 씁니다.
배경 루프
청록 지구가 도는 금융 화면
목록, 상태, 권한, 다음 작업을 업무 순서로 놓습니다.
배경 루프
돌다리로 들어가는 여행 페이지
목록과 본문, 작은 표식을 읽는 속도에 맞춥니다.
배경 루프
점 네 개로 여는 전기차 페이지
상품 비교, 예약, 장바구니 상태를 자연스럽게 잇습니다.
클릭·입력
네 박자로 도는 엔진 분해 페이지
상품 비교, 예약, 장바구니 상태를 자연스럽게 잇습니다.
클릭·입력
황혼 거리를 지나가는 여행 페이지
움직임은 장식이 아니라 선택의 반응으로 씁니다.
스크롤 연동
주방 영상으로 여는 다이닝 히어로
상품 비교, 예약, 장바구니 상태를 자연스럽게 잇습니다.
배경 루프
운동 영상과 큰 문장의 스튜디오 히어로
커리큘럼, 진도, 질문의 자리를 먼저 잡습니다.
배경 루프
다섯 겹으로 펼쳐지는 그림 전시
목록과 본문, 작은 표식을 읽는 속도에 맞춥니다.
클릭·입력
여섯 가지가 돌아가는 밤 공원
움직임은 장식이 아니라 선택의 반응으로 씁니다.
배경 루프
칸이 떠오르는 스튜디오 격자
움직임은 장식이 아니라 선택의 반응으로 씁니다.
커서 반응
커서를 따라오는 유리 구
상품 비교, 예약, 장바구니 상태를 자연스럽게 잇습니다.
커서 반응
회로가 밑에서 도는 네온 기판
입력, 처리, 검토, 발행의 책임을 분리합니다.
배경 루프
글자가 두께를 갖는 히어로
이미지와 문장, 작업 설명의 밀도를 다르게 잡습니다.
커서 반응
받침대 위에서 도는 전화기
상품 비교, 예약, 장바구니 상태를 자연스럽게 잇습니다.
배경 루프
렌즈가 커서를 바라보는 페이지
상품 비교, 예약, 장바구니 상태를 자연스럽게 잇습니다.
커서 반응
여섯 가지로 넘기는 작품 갤러리
이미지와 문장, 작업 설명의 밀도를 다르게 잡습니다.
클릭·입력
단어와 숫자가 바뀌는 SaaS 히어로
입력, 처리, 검토, 발행의 책임을 분리합니다.
클릭·입력
펠트 인물이 반기는 스튜디오
커리큘럼, 진도, 질문의 자리를 먼저 잡습니다.
클릭·입력
구리빛 비단이 지나가는 첫 화면
이미지와 문장, 작업 설명의 밀도를 다르게 잡습니다.
배경 루프
밤바다 위의 모놀리스: 셰이더로 그리는 3D 히어로
이미지와 문장, 작업 설명의 밀도를 다르게 잡습니다.
스크롤 연동
한 바퀴면 끝나는 작은 행성
목록과 본문, 작은 표식을 읽는 속도에 맞춥니다.
클릭·입력
숫자가 굴러가는 SaaS 요금 페이지
목록, 상태, 권한, 다음 작업을 업무 순서로 놓습니다.
클릭·입력
한 화면에서 오가는 로그인과 가입
목록, 상태, 권한, 다음 작업을 업무 순서로 놓습니다.
클릭·입력
지표와 그래프, 표를 담은 관리 화면
목록, 상태, 권한, 다음 작업을 업무 순서로 놓습니다.
클릭·입력
목차가 읽는 자리를 따라오는 문서
목록, 상태, 권한, 다음 작업을 업무 순서로 놓습니다.
클릭·입력
스크롤이 카메라를 움직이는 3D 쇼케이스
이미지와 문장, 작업 설명의 밀도를 다르게 잡습니다.
스크롤 연동
스포트라이트로 여는 시네마틱 히어로
이미지와 문장, 작업 설명의 밀도를 다르게 잡습니다.
배경 루프
흐르는 빛과 유리 대시보드 히어로
목록, 상태, 권한, 다음 작업을 업무 순서로 놓습니다.
배경 루프