STRUCTURE
구성 원칙
3단 메뉴
1차 5개, 2차 묶음, 3차 개별 분야로 나눕니다. 대형 건설사 사이트의 표준 구조입니다.
분야별 독립 페이지
사업영역 16개 분야마다 별도 페이지를 두어 공정·기간·기준을 각각 다르게 정리했습니다.
프로젝트 기록
프로젝트마다 제원표와 관리 포인트, 특이사항을 한 페이지에 담았습니다.
ACCESSIBILITY
접근성 안내
- 모든 페이지 상단에 「본문 바로가기」 링크를 두었습니다.
- 모든 이미지에 내용을 설명하는 대체 텍스트를 넣었습니다.
- 본문 텍스트는 명도 대비 4.5:1 이상을 확보했습니다.
- 키보드만으로 모든 메뉴와 양식을 조작할 수 있습니다.
- 화면 폭 360px 부터 가로 스크롤 없이 표시됩니다.
SAMPLE
샘플 안내
이 페이지는 IDC.KR 이 제작한 디자인 샘플입니다. 실재하는 건설사가 아닙니다.
이 사이트의 상호·연혁·실적·프로젝트·수치·연락처는 모두 가상 예시이며 실제 계약이나 공사와 무관합니다. 전화번호는 게이트 오탐 방지를 위해 02-0000-0000 형태의 가상번호로 통일했습니다.
모든 페이지에 noindex,nofollow 를 적용해 검색엔진에 색인되지 않습니다.
BUILD
이 샘플에 대하여
이 사이트가 어떤 기준으로 만들어졌는지 남겨 둡니다.
| 항목 | 내용 |
|---|---|
| 제작 | IDC.KR 홈페이지 디자인 샘플 |
| 업종 | 종합건설 (토목·플랜트·건축·공공공사·해외사업) |
| 페이지 수 | 58페이지 (HTML 파일 기준) |
| 공통 자원 | css/site.css · js/site.js 로 분리 |
| 아이콘 | 전부 인라인 SVG (이모지 미사용) |
| 색 체계 | 주조색 #01A251 · 강조 #057C2D · 버튼 radius 0 |
| 컨테이너 | 본문 폭 1300px |
| 검색 노출 | 전 페이지 noindex,nofollow |
이 샘플은 국내 대형 종합건설사 홈페이지의 레이아웃 문법과 색 체계를 실측해 구성했습니다. 1차 메뉴 아래 2차 묶음, 그 아래 공종별 3차 항목으로 내려가는 메가메뉴 구조, 각진 면과 얇은 구분선, 사진 한 장으로 시작하는 히어로가 그 문법입니다.
가져오지 않은 것은 브랜드명, 로고, 실적 수치, 프로젝트명입니다. 이 사이트에 나오는 상호·연혁·프로젝트·수치는 전부 창작이며 실재하는 어떤 회사와도 관계가 없습니다.
건설업 표시 규제를 고려해 순위·등급, 수주액, 면허번호는 표기하지 않았고, 「결함이 전혀 없다」거나 「전부 보장한다」는 식의 확정적 표현도 쓰지 않았습니다. 모든 견적 안내에는 현장 실측 후 확정 고지를 넣었습니다.