지원테크 반응형 웹사이트 제작 포트폴리오

메인 디자인 시스템

[메인 디자인]

RP 그레이팅 전문기업에 어울리는 깔끔하고 신뢰감 있는 디자인 시스템을 적용했습니다.

공장 전경을 메인 비주얼로 크게 배치하고, 기술력과 전문성을 강조하는 메시지를 더해 기업의 정체성을 직관적으로 전달했습니다.

네이비와 블루를 중심으로 안정감과 기술 전문성을 표현하고, 문의 영역에는 오렌지 포인트 컬러를 적용해 시선을 유도했습니다.

제품소개·시공사례·문의하기를 메인 비주얼 하단에 배치하여, 처음 방문한 사용자도 주요 정보를 빠르게 탐색할 수 있도록 구성했습니다.

콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]

회사소개, 제품소개, 시공사례, 오시는길을 사용 목적에 따라 명확하게 구분하여 기업 정보부터 제품 검토와 방문 안내까지 자연스럽게 이어지는 정보 구조를 설계했습니다.

제품소개는 이미지와 제품명을 함께 보여주는 목록형으로 구성하고, 카테고리와 검색 영역을 배치하여 필요한 제품을 효율적으로 찾을 수 있도록 했습니다.

시공사례는 현장 사진 중심의 카드형 레이아웃으로 구성하여, 실제 적용 환경과 활용 범위를 한눈에 확인할 수 있도록 했습니다.

회사소개에는 생산시설과 사업분야를, 메인페이지에는 특허·인증 자료를 배치하여 기업의 생산 역량과 기술 신뢰도를 뒷받침했습니다.

웹사이트 UX/UI 최적화

[웹사이트 UX/UI]

산업용 자재를 검토하는 사용자의 탐색 흐름을 고려하여 제품 확인 → 시공사례 검토 → 견적 문의로 이어지는 주요 동선을 구성했습니다.

상단 네비게이션은 네 가지 핵심 메뉴로 간결하게 정리하고, 하위 페이지에는 현재 위치를 알려주는 경로를 표시하여 탐색의 명확성을 높였습니다.

상단 전화 버튼과 메인페이지 문의 영역을 통해 상담 접점을 확보하고, 문의 폼은 이름·연락처·이메일·내용 중심으로 구성하여 견적 및 기술 상담에 필요한 정보를 전달할 수 있도록 했습니다.

모바일에서는 메뉴를 간결하게 정리하고 주요 바로가기를 세로로 배치하여, 작은 화면에서도 가독성과 터치 편의성을 확보했습니다.