Aksel Varo

어떻게 만들어졌나

원본은 크리에이티브 디렉터의 포트폴리오입니다. Site of the Day와 함께 Developer Award를 받았습니다.

원본 시계를 끌며 읽은 22개 시각의 배경·글자색을 넣고 사이를 보간합니다. 색은 방문자 현지 시각으로 정해집니다.

시계 손잡이를 끌면 시각과 색이 함께 바뀝니다. 화살표 키로 15분씩 옮기고 Esc로 되돌립니다.

프리로더에서 사진 4장이 차례로 드러난 뒤 펼쳐집니다. 홈과 archive는 휠과 드래그로 움직이는 가로 무한 띠입니다.

MENU를 누르면 현재 페이지와 나머지 두 페이지가 잡지 표지처럼 나란히 섭니다. 문의 모달은 Client와 Talent 탭으로 나뉩니다.

원본 영상은 사진과 CSS로 그린 보드로 바꿨습니다. 서체는 Inter Tight이고 클라이언트 이름은 모두 가상입니다.

주요 기능

• 시각별 팔레트 22점 · 시계 끌기 시간 여행
• 프리로더 사진 4장 · 가로 무한 갤러리
• 잡지 표지 메뉴 · 문의 모달 탭
• archive 띠 확대 · about 가치 카드 · 과정 6단계

어디에 어떻게 쓸 수 있나

사례 수가 적고 사진이 강한 디자이너·디렉터 개인 사이트에 맞습니다. 사례 갤러리, 아카이브, 소개, 문의가 같은 상단 막대를 씁니다.

확인할 점

문의 폼은 검증만 하고 전송하지 않습니다. 원본의 페이지 전환과 영상 속 움직임은 옮기지 못했습니다.