DSDesignSkill
|

/템플릿/웹이즈 모빌리티

새 창 ↗

컨테이너 폭 그대로 · sandbox 미리보기

설명

좌측 정렬 히어로에 배지·태그 칩과 슬라이드 컨트롤 바를 배치하고, 바로 아래에 다크 카드 1장 + 아이콘 카드 4장으로 구성한 5열 퀵메뉴를 겹쳐 놓았습니다. 이어서 4열 서비스 라인, 기울인 이미지와 체크리스트를 나란히 둔 비용 기준 스플릿, 상품 카드 4종과 슬라이더 컨트롤, 다크 배경의 4단계 프로세스, 아코디언 FAQ, 그라디언트 CTA 밴드가 차례로 이어집니다. 인디고 브랜드 컬러와 라이트 라벤더 중립톤을 써서 금융·상담 업종 특유의 차분한 신뢰감을 유지했습니다. 상품 조건을 비교해 보여주고 상담 접수로 유도해야 하는 서비스에 적합합니다.

섹션 구성

  1. 01헤더
  2. 02차량 선택부터 인수까지월 비용으로 정리해 드립니다
  3. 03차종 상담
  4. 04조건을 이해하는 순서가 먼저입니다인수 시점까지 같이 확인합니다
  5. 05월 납입액, 초과 주행, 반납 기준을한 장으로 확인합니다
  6. 06상황별 이용 상품
  7. 07상담은 네 단계로 진행됩니다
  8. 08상담 전 자주 묻는 질문
  9. 09조건 비교가 필요하다면주행 습관부터 알려주세요
  10. 10푸터

변경 이력

v1.0.02026-07-27

최초 공개