왜 카센터 홈페이지는 ‘불안 해소’에서 출발하는가
카센터 홈페이지 제작에서 가장 먼저 푸는 문제는 디자인이 아니라 불신입니다. 사람들은 정비소를 ‘바가지 아닐까, 안 해도 되는 걸 권하는 건 아닐까, 얼마 나올지 모르고 맡겨야 하나’라고 느끼며 망설입니다. 그래서 이 카센터 홈페이지는 “이곳은 정직하게 진단하고, 맡기기 전에 비용을 보여 준다”를 0.3초에 전하는 것을 1번 목표로 잡았습니다. 히어로 헤드라인도 “차 맡기기 전에 불안부터 없앱니다”로 잡고, 바로 아래 답변 한 줄로 증상→정비 항목→예상 견적이라는 흐름을 약속해, 보자마자 불안의 절반을 풀게 했습니다.
색: 견고한 그래파이트, 신호의 오렌지
바탕은 밝은 흰색이 아니라 그래파이트 다크 메탈(#15171b)입니다. 정비소는 공구·리프트·엔진이 다뤄지는 견고한 산업 공간이라, 무겁고 묵직한 다크 톤이 ‘제대로 된 정비소’라는 인상을 줍니다. 포인트로는 오렌지(#ff7a18)를 시그널로 절제해 써, 버튼·강조·핵심 신호에만 켜지게 했습니다. 오렌지는 안전·작업등·주의 신호를 떠올리게 해 ‘여기서 작업이 이뤄진다’는 활력을 주면서도, 작은 글자에는 더 밝은 앰버(#ffb340)를 써 대비를 지켰습니다. 결과적으로 ‘허름한 카센터’가 아니라 ‘정돈된 작업장’의 느낌입니다.
타이포: 군더더기 없는 산세리프
헤드라인과 견적 가이드 표 제목에 굵은 산세리프(Pretendard)를 쓴 건 우연이 아닙니다. 정비라는 일은 정확하고 단단해야 하고, 묵직한 산세리프는 그 ‘견고함·신뢰·기능’을 시각으로 전합니다 — 멋을 부리지 않고 ‘기본을 정확히 한다’는 카센터의 철학과 맞습니다. 본문은 같은 글꼴로 가독성을 확보하고, 한글은 word-break를 어절 단위(keep-all)로 잡아 음절이 어색하게 끊기지 않게 했습니다. 견적·정비 항목처럼 숫자와 정보가 많은 화면에서도 줄이 깔끔하게 정렬됩니다.
이미지: 기름때가 아니라 ‘정돈된 공구’
히어로 이미지는 지저분한 기름때나 부서진 차 대신, 따뜻한 작업등 아래 가지런히 걸린 공구와 리프트에 정확히 올라간 차량을 보여 줍니다. 손님이 두려워하는 건 ‘엉망진창인 정비소’이기 때문입니다. 정돈된 공구는 ‘이 사람은 일을 체계적으로 한다’는 신뢰 신호이고, name-first 폴백으로 사진이 늦게 떠도 정비소 무드의 그라데이션이 먼저 자리를 잡아 화면이 깨지지 않습니다. 이미지 선택 자체가 ‘신뢰’라는 감정을 0.3초에 만드는 결정입니다.
구조와 전환: 증상에서 정비예약까지
시그니처는 ‘증상 진단’입니다. 손님이 브레이크 소리·잡소리·오일·타이어·에어컨 같은 증상을 고르면 점검할 정비 항목과 예상 견적 가이드가 함께 켜집니다. 자기 문제를 빠르게 찾고 대략의 비용을 가늠한 뒤, ‘우리 약속(작업 전 견적 고지·과잉 정비 안 함)’으로 신뢰를 쌓고, 모든 동선이 정비예약과 견적문의 하나로 모이게 했습니다. 카센터 홈페이지 제작에서 디자인의 목적은 결국 ‘한 통의 정비 예약과 견적 요청’입니다.
모바일에서 시작되는 견적문의
손님은 대개 차에서 경고등이 켜지거나 이상한 소리가 나는 그 순간, PC가 아니라 휴대폰으로 ‘근처 카센터’를 찾습니다. 그래서 이 사이트는 모바일을 먼저 설계했습니다. 작은 화면에서도 증상별 정비 항목과 예상 견적이 한눈에 들어오고, 화면 어디서든 한 번의 터치로 전화·견적문의가 되도록 하단 고정 액션바를 뒀습니다. 무거운 자바스크립트 없이 라디오·체크박스 중심으로 동작해 느린 회선에서도 가볍습니다. 데스크톱에서는 여백과 표로 정보를 차분히 정리하고, 모바일에서는 속도와 예약 동선을 키워, 같은 페이지가 두 맥락 모두에서 제 역할을 하도록 맞췄습니다.
정직과 발견(과장 없는 견적·GEO)
이 카센터 홈페이지는 가짜 후기·평점·통계를 넣지 않았고, 견적도 단정하지 않습니다. 표시된 금액은 ‘일반적인 경정비 예시 가이드’임을 분명히 하고, “실제 견적은 차종·연식·부품 등급에 따라 달라지며 입고 점검 후 확정한다”는 문구를 곳곳에 정직하게 넣었습니다. 무조건 최저가를 약속하지 않는 대신, ‘작업 전 견적 고지’와 ‘안 해도 되는 정비는 권하지 않음’을 규칙으로 못 박았습니다. 동시에 “카센터 비용”, “정비 예약”, “브레이크 견적”처럼 손님이 실제로 검색하는 질문에 답하는 FAQ와 구조화 데이터(AutoRepair·FAQPage 스키마)를 넣어 — 검색엔진과 AI 답변 양쪽에서 카센터 홈페이지 제작 사례로 발견되게 했습니다. 보기 좋은 사이트가 아니라, 정직하면서도 찾아지고 예약·견적문의로 이어지는 사이트를 목표로 했습니다.