성진산업개발 포트폴리오
모두가 만족할 결과물을 제시해 드립니다.
we deliver outcomes that satisfy everyone.
- 성진산업개발
- 개발분야 : Layout(레이아웃고정형)
[메인 화면 기획]
고층 아파트 단지를 배경으로 굴삭기가 작업하는 실제 현장 사진에 'WE ARE CONSTRUCTION.' 메시지를 더해,
해체·토공 현장을 직접 책임지는 전문 시공사의 현장감을 첫 화면에서 전달하도록 기획했습니다.
이어서 건축물해체·지하구조물해체·석면해체·토공사업 4개 사업분야와 분야별 시공실적 순으로 배치해,
사업분야 확인부터 실제 시공 결과까지 자연스럽게 이어지도록 구성했습니다.
메인디자인
[메인 디자인]
로고의 네이비 블루를 포인트 컬러로 사용하고 흰 배경과 다크 푸터로 정돈해,
안전과 기술을 중시하는 건설 기업다운 단단하고 신뢰감 있는 인상을 만들었습니다.
히어로의 오렌지색 중장비와 흙빛 현장 사진이 블루 톤과 대비를 이루도록 하고,
영문 헤드라인과 굵은 섹션 타이틀로 현대적이고 힘 있는 건설사의 비주얼 톤을 완성했습니다.
[콘텐츠 디자인]
사업분야는 해체·석면·토공 등 공종별로 페이지를 구분하고,
각 페이지 상단에 실제 현장 사진 슬라이드와 함께 작업 내용·유의 사항·적용 분야를 항목별로 정리해 공정의 특성을 쉽게 이해할 수 있도록 구성했습니다.
회사소개는 최고의 안전·기술·시공이라는 3가지 가치를 아이콘으로 정리한 인사말과 조직도, 오시는 길로 구성하고,
시공실적은 공종별 카테고리로 나누어 원하는 분야의 사례를 바로 찾아볼 수 있게 설계했습니다.
[웹사이트 UX/UI]
메인 시공실적 영역에 All·건축물해체·석면해체·토공사업 필터 탭을 두어
페이지 이동 없이 공종별 사례를 바로 전환해 볼 수 있도록 하고,
사업분야 카드는 슬라이드 형태로 구성해 한 화면에서 모든 분야를 훑어볼 수 있게 했습니다.
GNB 하위 메뉴에 공종별 시공실적과 견적문의를 모두 노출해
발주처 담당자가 실적 확인부터 견적 요청까지 짧은 동선으로 이동할 수 있도록 설계했습니다.
