대아이엔지 하이브리드앱 포트폴리오
PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know‑how,
we deliver outcomes that satisfy everyone.
- 대아이엔지 하이브리드앱
- 개발분야 : Website(웹사이트) / Mobile web(모바일웹) / Mobile App(모바일앱)
대아이엔지 하이브리드 앱
앱 메인 화면
[메인 디자인]
로고의 오렌지를 포인트 컬러로 정해 검색 버튼·활성 탭·가격·인증 뱃지처럼 거래에 꼭 필요한 정보에만 사용하고,
나머지는 흰색과 연회색 배경으로 비워 매물 사진이 가장 먼저 눈에 들어오도록 했습니다.
히어로에는 노을 속 공사 현장의 중장비 사진을 배치해 산업장비 플랫폼의 성격을 직관적으로 보여줬습니다.
산업장비·농기계·특장차 배너는 각각 다른 색과 일러스트로 구분해 카테고리별 신뢰 메시지가 한눈에 전달되게 했습니다.
주요 기능 구성
상세 화면 구성
[콘텐츠 디자인]
매물 목록은 좌측 카테고리 메뉴와 표 형식 리스트로 구성하고, 썸네일 옆에 세부 장비 종류·제조사·연식을,
오른쪽 열에 지역·판매자·가격을 정렬해 여러 매물을 빠르게 비교할 수 있게 했습니다.
상세 페이지는 사진 갤러리와 핵심 정보 표를 나란히 두고 매매가를 가장 크게 강조했으며,
엔진·중량·가동시간 같은 세부 사양은 '내용 더보기'로 접어 첫 화면을 간결하게 유지했습니다.
하단에는 판매자 정보를 함께 제공해 거래 전 신뢰를 확인할 수 있도록 했습니다.
사용자 인터페이스
[웹사이트 UX/UI]
히어로 바로 아래에 카테고리 선택형 검색창과 추천 키워드를 배치하고,
이어서 전체·산업장비·농기계·특장차 탭 리스트를 두어 방문 즉시 원하는 매물을 찾도록 동선을 설계했습니다.
GNB는 왼쪽에 구매자를 위한 카테고리를, 오른쪽에 판매자를 위한 매물 등록·이용권 구매·상담문의를 나눠 배치했습니다.
인증 뱃지와 VIP 추천 영역, 카드마다 둔 '매물 문의' 버튼, 상세 페이지의 관심매물 등록으로 탐색에서 문의까지의 거리를 줄였습니다.
정보를 함께 제공해 거래 전 신뢰를 확인할 수 있도록 했습니다.
