에이비넥소 포트폴리오 포트폴리오
PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
we deliver outcomes that satisfy everyone.
- 에이비넥소 포트폴리오
- 개발분야 : Website(웹사이트) / Responsible website(반응형웹)
복합 소재 및 금속 가공 회사, 에이비넥소 홈페이지 제작
디자인 컨셉
로고의 블루를 메인 컬러로 삼아 화이트 바탕과 조합해, 정밀 측정·시험 장비 전문 기업다운 차갑고 정확한 인상을 전달했습니다.
메인과 회사소개 배경에 로고의 'A' 심볼과 'ABNEXO' 대형 타이포를 은은하게 깔아, 화면 곳곳에서 브랜드 아이덴티티가 자연스럽게 드러나도록 했습니다.
장비 이미지는 깔끔한 카드 안에 정돈하고 회사소개는 이미지와 프레임을 엇갈려 배치해, 기술적인 콘텐츠에도 세련된 리듬감을 더했습니다.
[메인 디자인]
에이비넥소의 시험·측정 장비와 기술 서비스를 명확하게 전달하기 위해 화이트와 블루를 중심으로 구성했습니다.
메인 비주얼에는 강한 햇빛이 비치는 사막 이미지와 ‘Weathering & Lightfastness’ 문구를 배치해 내후성·내광성 시험 장비의 용도를 시각적으로 표현했습니다.
이어지는 제품 영역에서는 장비 사진과 제조사, 모델명을 카드로 정리하고 블루 포인트로 선택된 제품을 강조했습니다.
공지사항, 기술자료실, 고객지원, 파트너사를 순서대로 배치해 제품 탐색과 기업 소식, 지원 정보까지 한 화면의 흐름으로 연결했습니다.
[콘텐츠 디자인]
제품 목록과 회사소개, 유지보수, 견적문의 등 정보의 성격에 따라 화면 구성을 달리하면서 공통된 블루 색상과 상단 배너로 일관성을 유지했습니다.
제품 페이지는 제조사별 분류 탭과 장비 이미지 중심의 카드 목록으로 비교를 돕고, 회사소개는 분야별 설명과 관련 이미지를 교차 배치해 사업 영역을 전달합니다.
유지보수 페이지는 접수부터 완료까지의 과정을 아이콘과 단계별 안내로 정리해 서비스 절차를 이해하기 쉽게 했습니다.
견적문의는 입력 항목을 표 형태로 정돈해 장비 정보와 문의 내용을 구분하여 작성할 수 있도록 구성했습니다.
[웹사이트 UX/UI]
제품을 찾고 기술 정보를 확인한 뒤 견적이나 유지보수 문의로 이어지는 기업 고객의 이용 흐름을 중심으로 구성했습니다.
상단에는 회사소개·제품소개·온라인 결제·기술자료실·고객지원 메뉴를 배치하고, 펼쳐진 메뉴에서는 하위 항목과 주요 문의 기능을 함께 보여줍니다.
화면 우측에는 견적문의, 오시는 길, 전화번호와 상단 이동 기능을 모아 긴 페이지에서도 필요한 행동에 접근하기 쉽게 했습니다.
제품 분류 탭과 자료 목록, 유지보수 절차, 문의 양식에 각각 익숙한 형식을 적용해 목적에 따라 정보를 탐색하고 다음 단계로 이동할 수 있도록 정리했습니다.
