선진엔지니어링 반응형 기업 홈페이지제작 포트폴리오
PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
we deliver outcomes that satisfy everyone.
- 선진엔지니어링 반응형 기업 홈페이지제작
- 개발분야 : Responsible website(반응형웹)
선진엔지니어링 반응형 기업 홈페이지
[메인 화면 기획]
시설물의 안전을 책임지는 안전진단 전문기업의 정체성을 살려, 첫 화면에 대형 교량과 도심 스카이라인 비주얼 위로
'더 나은 안전에 대한 믿음'이라는 메시지를 배치해 회사가 지키는 대상과 가치를 한눈에 전달하도록 기획했습니다.
이어서 BUSINESS AREAS 영역에 안전진단·계측관리·시설물 유지보수 세 가지 핵심 사업을 카드로 정리하고 각 상세 페이지로 바로 연결해
방문한 발주처가 필요한 사업분야를 빠르게 찾아갈 수 있도록 구성했습니다.
메인 디자인 시스템
[메인 디자인]
로고의 레드를 포인트 컬러로, 블랙과 화이트를 베이스로 삼아 엔지니어링 기업다운 단단하고 절제된 톤을 만들었습니다.
'BUSINESS AREAS' 타이틀의 첫 글자와 VIEW MORE 버튼, 우측 상단 메뉴 버튼에만 레드를 써서 시선이 닿아야 할 곳을 분명히 했고,
사업 카드는 현장 사진 위에 번호와 굵은 영문 타이틀, 한글 설명을 겹쳐 전문성과 현장감을 동시에 보여주도록 디자인했습니다.
[콘텐츠 디자인]
회사소개, 사업분야, 인력·장비현황, 주요실적, 자료실로 메뉴를 나누고,
서브페이지마다 레드 라벨과 대제목, 이미지 배너를 동일하게 적용해 일관된 구조로 정리했습니다.
시설물 안전관리는 건축·교량·터널 분야를 탭으로 구분하고
1종~3종 대상 시설물 기준과 점검 형태를 현장 사진 그리드로 보여주었으며,
연혁은 타임라인으로, 기술인력과 장비 보유현황은 표로 정리해
발주처가 회사의 수행 역량을 객관적으로 확인할 수 있게 했습니다.
웹사이트 UX/UI 최적화
[웹사이트 UX/UI]
상단 GNB에 5개 대메뉴와 하위 메뉴를 체계적으로 묶고,
우측 레드 메뉴 버튼으로 사이트 전체 구조에 언제든 접근할 수 있게 했습니다.
서브페이지 상단에는 브레드크럼을, 사업분야 페이지에는 분야별 탭을 두어
현재 위치를 잃지 않고 원하는 정보로 이동하도록 했으며,
푸터에 회사 정보와 연락처를 정리하고 맨 위로 이동 버튼을 더해
긴 페이지에서도 편하게 탐색할 수 있도록 최적화했습니다.
