Web Design · Automotive Service
오토빈 모터스 차량 정비소 웹사이트
엔진 수리와 정밀 진단, 투명한 정비 과정을 중심으로 예약 문의를 설계한 성수동 차량 정비소 웹사이트.
Concept Project — HUMAGENT LAB의 웹사이트 구축 역량을 보여주기 위해 자체 기획한 프로젝트입니다.
정직한 진단에서 시작하는 자동차 정비
필요한 정비만,
정확하게.
Industry
Automotive Repair · Local Service
Project Scope
Brand Direction · Conversion UX/UI · Responsive Development
ART DIRECTION
브랜드의 성격이 화면에서 느껴지도록
깊은 네이비와 차콜, 안전 오렌지를 사용하고 실제 정비 현장을 보여주는 사진과 단단한 타이포그래피로 정확성, 투명성과 전문성을 표현했습니다.
Core page system
CONCEPT BACKGROUND
왜 이 웹사이트를 설계했는가
서울 성동구 성수동2가의 오토빈 모터스가 엔진 이상과 경고등처럼 고객이 판단하기 어려운 증상을 이해하기 쉽게 설명하고, 전화 중심 문의를 체계적인 예약 상담으로 전환하도록 기획했습니다.
이 프로젝트는 실제 고객 의뢰나 가상의 성과 사례가 아닙니다. 특정 고객을 전제로 문제를 꾸미지 않고, 해당 업종에서 유효할 수 있는 제작 접근을 탐구했습니다.
OBJECTIVES
목표
- 첫 화면에서 정비소의 차별점과 신뢰 기준을 즉시 전달
- 엔진 증상, 진단 범위와 정비 과정을 고객이 쉽게 이해하도록 구조화
- 차량 증상 입력에서 예약 상담 요청까지의 마찰 축소
APPROACH
접근 방식
- 01정직한 진단 → 엔진 수리 상세 → 정비 항목 → 작업 원칙 → 예약 순서로 전환 흐름 설계
- 02성수동 사업장 주소는 실제 정보로 반영하고 미확정 운영 정보만 시안용으로 명확히 표시
- 03직접 생성한 오리지널 정비 현장 이미지로 독자적인 브랜드 인상 구축
DELIVERABLES
제작 결과물
차량 정비소 브랜드 방향
반응형 랜딩 페이지
엔진 진단·수리 상세 섹션
정비 서비스 안내
정비 프로세스
예약 상담 폼
오시는 길
오리지널 히어로 이미지
MAKING PROCESS
디자인 및 제작 과정
- 01
Trust
정비소 선택에서 고객이 확인하는 신뢰 기준과 불안을 정리했습니다.
- 02
Explain
정비 항목, 견적과 작업 과정을 이해하기 쉬운 순서로 구성했습니다.
- 03
Convert
모바일 고객이 차량 증상을 입력하고 예약 상담을 요청하도록 구현했습니다.
YOUR PROJECT
다음 프로젝트는 당신의 목표에서 시작합니다.
아직 범위가 명확하지 않아도 괜찮습니다. 목표와 현재 상황을 알려주시면 가장 적합한 시작점을 함께 찾겠습니다.