Veldmark Architectural Office

어떻게 만들어졌나

원본은 러시아 건축 사무소의 포트폴리오 사이트입니다. 홈 · 작업 목록 · 프로젝트 상세 8 · 소개 · 연락처 · 법적 고지 13페이지를 같은 수로 옮겼습니다.

그리드는 캡처에서 잰 15열(열 79px · 거터 15px · 여백 22.5px)을 vw로 비례시켰습니다. 글자 크기는 12 · 30 · 60 · 88.5 · 131.25px 다섯 단계입니다.

홈 사람 섹션의 사진 14장은 타원 궤도(x ±506 · y ±391px)를 돕니다. 뒤쪽 사진은 0.7배 · 불투명도 0.1로 작아집니다.

방사선 라벨 8개는 반지름 381.6px로 스크롤에 따라 돕니다. 이 구간부터 300ms 동안 바탕이 검정으로 바뀝니다.

프리로더는 574ms에 진행 막대가 시작되고 숫자가 0에서 100까지 오릅니다. 히어로 사진은 1.1배에서 1배로 3.8초 동안 줄고, 문단 줄은 1.1초 · 60ms 간격으로 올라옵니다.

보조 회색은 #929292에서 #767676(4.54:1)으로 올리고, 스케치는 캔버스 2D로 바꿨습니다. 상호 · 프로젝트 · 인명 · 전화 · 고객사 18곳은 지어낸 것이고, 사진 72장은 스톡입니다.

주요 기능

• 프리로더 숫자 카운터 · 단어 마스크 등장
• 스크롤 명암 전환 · 방사선 8가닥 회전
• 사진 14장 타원 궤도 · 통계 강조
• Work 보기 전환 3종 · 평면도 슬라이더 · Legal 목차

어디에 어떻게 쓸 수 있나

프로젝트 사진이 크고 글이 적은 건축 설계 사무소에 맞습니다. 홈 · 작업 목록 · 상세 · 소개 · 연락처 · 법적 고지가 한 그리드로 이어집니다.

확인할 점

필터 · 검색 · 폼 · 메뉴 버튼은 없고, 프로젝트 상세는 8개 모두 한 틀입니다. 홈이 약 20화면 길이라 사진이 적은 업체에는 길어집니다.