kvlo

어떻게 만들어졌나

원본은 제네바의 크리에이티브 에이전시 사이트입니다. 선정 작업·아카이브·서비스·글 페이지로 나뉩니다.

홈 헤더는 첫 화면 가운데(top 429px)에서 시작해 맨 위에 닿으면 고정됩니다. 글자는 배경에 따라 색이 반전됩니다.

푸터가 화면을 다 덮으면 헤더가 749ms 동안 위로 숨습니다. 휠을 굴려 잰 조건과 시간을 옮겼습니다.

contact를 누르면 오른쪽 패널이 열립니다. 이어서 말풍선이 하나씩 올라오는 채팅형 문의로 넘어갑니다.

프로젝트 필터는 서비스·산업 두 축입니다. 결과가 없는 옵션은 목록에서 숨깁니다.

히어로 영상 4칸은 빼고 사진 8장으로 바꿨습니다. 푸터의 글자 표범 영상 자리에는 캔버스 2D로 그린 고양이를 넣었습니다.

주요 기능

• 가운데 헤더 · 인트로 연출
• 두 축 프로젝트 필터 · Reset
• 연락 패널 · 채팅형 문의
• 스크롤 아코디언 · 아카이브 호버 사진

어디에 어떻게 쓸 수 있나

작업 수가 많은 에이전시가 사례를 갈래별로 보여 주고 의뢰를 받는 데 맞습니다. 문의는 한 번에 한 질문씩 받습니다.

확인할 점

채팅 문의와 뉴스레터는 전송하지 않습니다. 인쇄물·브랜딩 작업 사진이 있어야 작업물로 읽힙니다.