KMRV

어떻게 만들어졌나

원본은 새크라멘토와 오클랜드의 건축·인테리어 스튜디오 사이트입니다. 주거·인테리어·교육·공공·상업 다섯 분야가 메뉴와 색을 정합니다.

홈 히어로는 4,320px 동안 고정되고, 분야 카드 다섯 장이 가로로 지나갑니다.

고정 구간 길이는 화면 폭 기준입니다. 처음 480vh로 만들었다가 카드 위치를 재 보고 300vw로 고쳤습니다.

카드에 커서가 지나가면 + 버튼이 채워지는 동작은 모션 녹화 대조에서 찾아 넣었습니다.

히어로 영상은 벽돌 사무실 사진 한 장으로, 팀 인물 사진 40장은 머리글자 판으로 바꿨습니다. 사진 117장은 Unsplash 실사입니다.

주요 기능

• 프리로더 · 고정 가로 분야 카드
• 공정 카드 가로 스크롤 · 슬라이드 패널
• 포트폴리오 2단 필터 · 페이지
• 팀·소식 필터 · 상세 탭 · 갤러리 슬라이더

어디에 어떻게 쓸 수 있나

분야별로 작업을 나눠 보여 주는 설계 사무소에 맞습니다. 분야 페이지, 공정 설명, 프로젝트 상세, 팀 소개가 이어집니다.

확인할 점

분야마다 프로젝트 사진이 충분해야 합니다. 프로젝트 상세의 사진 배치는 18개 모두 한 가지입니다.