케이엠오토 랜딩페이지 반응형 독립형 쇼핑몰제작 포트폴리오

PORTFOLIO
다양한 분야의 경험과 전문가의 노하우로
모두가 만족할 결과물을 제시해 드립니다.
Drawing on extensive experience across diverse fields and expert know-how,
we deliver outcomes that satisfy everyone.
비젠소프트 포트폴리오 상세보기 - 홈페이지제작 쇼핑몰제작 AI 솔루션
케이엠오토 랜딩페이지 반응형 독립형 쇼핑몰제작
개발분야 : Website(웹사이트) / LandingPage(랜딩페이지)
케이엠오토 랜딩페이지 반응형 독립형 쇼핑몰제작 2024/06
비젠소프트 포트폴리오 목록으로 돌아가기 이전 포트폴리오 프로젝트 보기 다음 포트폴리오 프로젝트 보기
케이엠오토_ 랜딩페이지_ 반응형 랜딩페이지제작

메인 화면 기획 및 견적 전환 중심 원페이지 랜딩 구성



[메인 화면 기획]

차를 알아보는 고객이 가장 궁금해하는 '실제 출고'와 '가격'을 첫 화면의 핵심으로 정하고,

코리아 모터스 출고인증 영상 옆에 빠른견적문의 폼을 나란히 두어 신뢰 확인과 견적 신청이 한 화면에서 이루어지도록 기획했습니다.

이어서 국산차·수입차 BEST 7 특가, 솔직 고객 후기와 공식 유튜브, 24시간 상담 배너,

제휴 파트너사 순으로 구성해 가격 비교에서 상담까지 한 페이지 안에서 자연스럽게 이어지도록 했습니다.






케이엠오토 자동차 판매 랜딩페이지 메인 화면






메인 디자인 시스템

중고차 가격 정보와 이미지를 강조한 반응형 쇼핑몰 레이아웃
[메인 디자인]
선명한 비비드 블루를 메인 컬러로 삼고 히어로를 사선으로 크게 나눠
역동적이고 스피디한 자동차 브랜드의 인상을 만들었습니다.
월 납입료는 레드, 계약조건은 블루로 구분해 숫자가 먼저 읽히도록 하고,
빨간 '핫딜' 배지와 '선착순 마감임박' 리본으로 특가의 긴박감을 더했습니다.
카카오톡 상담은 옐로 블록으로 처리해 블루 화면 속에서 한눈에 띄도록 디자인했습니다.






웹사이트 UX/UI 최적화





케이엠오토 독립형 자동차 판매 웹사이트 디자인

[웹사이트 UX/UI]

화면 오른쪽에 성함·차종·연락처만 받는 빠른견적 폼과 전화·카카오톡 상담 버튼을 고정해,

스크롤 어느 지점에서든 바로 문의할 수 있도록 전환 접점을 설계했습니다.

차량 카드마다 '오늘의 최저가 확인' 버튼을 두어 관심이 생긴 순간 곧바로 견적으로 이어지게 했고,

메인 견적 폼은 브랜드·모델·계약기간을 선택형으로 구성해 입력 부담을 줄였습니다.

비젠소프트 포트폴리오 전체 목록으로 돌아가기
이전 포트폴리오 보기 다음 포트폴리오 보기
카카오톡 상담하기
전화 상담 무료 견적 문의 →