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