단골모터스

이런 사이트예요

수입차 경정비까지 보는 동네 정비소를 가정해 만든 홈페이지입니다. 상단 메뉴 대신 화면 아래 계기판 메뉴를 두고, 손님이 내 차 한 대를 고르면 견적 · 부품 단가 · 정비 사례 · 예약이 그 차 기준으로 바뀝니다. 첫 화면은 불 꺼진 차고 위로 손전등 빛이 움직이고, 바로 아래에 내 차 점검 항목 표가 이어집니다.

이 사이트로 할 수 있는 일

• 전화하기 전에 내 차 기준 예상 금액을 먼저 확인
• 증상 · 시간 · 연락처를 한 화면에서 받는 점검 예약
• 부품 단가와 정비 사례를 공개해 믿고 맡길 근거 제시

화면 구성 11개 화면

• 메인
• 정비 항목
• 견적 계산
• 점검 예약
• 이력 조회
• 부품 단가
• 정비 사례
• 사례 상세
• 정비소 소개
• FAQ
• 오시는 길

주요 기능

• 내 차 맞춤 화면: 차종 · 연식 · 연료를 한 번 고르면 금액 · 점검 차례 · 단가표 · 사례 · 예약 칸이 그 차 기준으로 바뀝니다. 전기차는 오일 항목이 빠집니다
• 하단 계기판 메뉴: 내 차 · 견적 · 예약 · 단가 · 이력 · 사례로 바로 이동하고, 칸마다 내 차 기준 값을 보여 줍니다
• 예상 견적: 증상을 체크하면 부품 · 공임 · 부가세 합계가 바로 나오고, 겹치는 작업의 공임은 빠집니다
• 점검 예약: 증상 체크 · 주간 시간표 · 연락처를 한 화면에서 받습니다. 마감 · 일요일 · 야간 입고를 표시합니다
• 표 목록: 부품 단가 · 정비 이력 · 정비 사례를 조밀한 표로 보여 주고, 행을 펼치면 자세한 내용과 사진이 나옵니다

기능 자세히 보기

내 차 맞춤 화면

차종 · 연식 · 연료를 고르면 점검 항목의 금액과 차례가 그 차 기준으로 바뀝니다. 첫 화면에는 어두운 차고를 비추는 손전등 연출을 넣었습니다.

예상 견적

증상 행을 체크하면 표가 곧 명세서가 됩니다. 부품 · 공임 · 부가세 합계를 보여 주고, 겹치는 작업의 공임은 빼서 계산합니다.

한 화면 점검 예약

왼쪽에서 증상을 고르고 가운데 주간 시간표에서 시간을 고른 뒤 아래 연락처만 넣으면 됩니다. 마감 · 일요일 · 야간 입고가 표에 표시됩니다.

부품 단가 · 정비 이력

부품 단가표에서 내 차 열을 강조하고, 차량 번호로 찾는 정비 이력 화면에서 입고 기록과 다음에 볼 항목을 보여 줍니다.

관리형(관리자 포함)으로 받으면

관리형으로 받으시면 그누보드5 기반으로 설치되어, 관리자 화면에서 글 · 게시판 · 신청 내역을 직접 관리하실 수 있습니다.

관리자 메뉴 — 단골모터스

• 대시보드 — 오늘 · 내일 입고, 확인 안 한 접수, 앞으로의 정원 사용률
• 예약 목록 — 날짜 · 상태 · 검색, 상태와 메모 저장(행마다 저장 버튼), CSV 내려받기. 상태를 '취소'로 바꾸면 자리가 열리고, 취소를 되돌리면 자리를 다시 잡습니다(정원이 찼으면 거부)
• 슬롯 · 휴무일 — 예약 받는 기간, 요일별 시간 · 정원 · 야간 표시 · 사용 여부, 휴무일 추가 · 삭제. 정원을 줄이거나 휴무일을 넣어도 이미 잡힌 예약은 자동 취소되지 않습니다
• 단가 · 증상 · 차종 — 시간당 공임, 차종 배수 · 도크 짧은 이름, 증상별 작업 · 부품값 · 시간 · 제외 연료, 부품 단가표 등
• 정비 이력 — 차량 등록(번호 · 뒤 4자리 · 차종 코드 · 연식 · 연료 · 다음에 볼 것), 입고 기록 추가 · 수정 · 삭제. 차종 코드를 넣어야 '이 차를 내 차로' 버튼이 나옵니다

게시판

• 정비 사례
• 공지사항

디자인 · 설계 포인트

• 늦은 밤 차고 분위기: 어두운 바탕에 시그널 옐로 한 색만 사용
• 큰 제목 대신 작업 전표 띠 한 줄로 서브 화면을 시작해 표와 금액이 먼저 보이도록 구성
• 하단 메뉴는 작은 휴대폰에서도 칸마다 글자가 보이도록 설계

제작 정보