PORTFOLIO
Hospital & Clinic
Vizen Medical Portfolio

성형외과, 피부과, 치과, 한의원 등 다양한 의료기관의
성공적인 웹사이트 구축 사례를 확인해 보세요.

PORTFOLIO

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

개발분야 : Website(웹사이트) / LandingPage(랜딩페이지)
케이엠오토_랜딩페이지_반응형 2024/06
병원 홈페이지 제작 포트폴리오 목록 이동 버튼 이전 병원 포트폴리오 사례 보기 버튼 다음 병원 포트폴리오 사례 보기 버튼
케이엠오토_ 랜딩페이지_ 반응형 랜딩페이지제작

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



[메인 화면 기획]


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

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

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

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






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






메인 디자인 시스템

중고차 가격 정보와 이미지를 강조한 반응형 쇼핑몰 레이아웃
[메인 디자인]

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






웹사이트 UX/UI 최적화





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

[웹사이트 UX/UI]


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

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

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

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

병원 홈페이지 제작 포트폴리오 목록으로 돌아가기 버튼
이전 병원 포트폴리오 프로젝트 보기 버튼 다음 병원 포트폴리오 프로젝트 보기 버튼
상단으로 상단으로

상담요청

전문보기
카카오톡 상담하기
전화 상담 무료 견적 문의 →