헬로파킹 AI 주차관제 홈페이지 개편
주차관제와 무인정산을 따로 보여 주고, 보던 화면에서 바로 상담을 받는 AI 주차관제 플랫폼 홈페이지
- 클라이언트명
- 헬로파킹 · 주식회사 탄탄코어
- 기술
- PHP · CodeIgniter · MySQL · Tailwind CSS · Swiper · AOS · Lenis
- 프로젝트 유형
- AI 주차관제 서비스 홈페이지 · 반응형 웹 · 전면 개편
- 담당 범위
- 화면 설계 · 디자인 · 이미지 제작 · 퍼블리싱 · 개발
- 주요 기능
-
- 메인 배너 3장 슬라이드(헬로파킹 소개 · 주차관제 · 무인정산)
- 상담신청 폼(아파트명 혹은 건물명 · 담당자 · 연락처 · 이메일 · 지역 · 관심 서비스 · 문의 내용) — 메인 · 주차관제 · 무인정산 하단과 상담신청 화면
- 관리자 상담신청: 들어온 화면별 접수 목록, 신규 · 처리완료 구분, 선택 삭제
- 도입 사례 게시판(주차관제 8곳 · 무인정산 8곳, 실적 숫자 4개) · 공지사항 게시판
- 화면 오른쪽 아래 고정 상담신청 버튼, FAQ는 카카오톡 채널로 연결
- 검색엔진 · AI 검색용 구조화 데이터 · robots.txt · sitemap.xml · llms.txt
- 프로젝트 개요
-
- 헬로파킹은 주식회사 탄탄코어가 운영하는 AI 주차관제 플랫폼입니다. 방문차량 등록, 외부차량 통제, 무인정산을 경비 인력 없이 관리합니다.
- 메뉴가 한 페이지 안에서 움직이던 홈페이지를 메뉴별 화면으로 나눴습니다.
- 화면설계서를 v1.0(2026년 7월 31일)부터 v1.4(8월 31일)까지 고치며 탄탄코어가 전달한 원고, 제품 자료, 도입 현장 사진을 반영했습니다.
- 개발 목표
-
- 아파트 관리처와 건물 운영자가 주차관제와 무인정산을 따로 보고, 보던 화면에서 바로 상담을 남기게 합니다.
- 도입 사례와 공지는 관리자에서 직접 올리고, 들어온 상담은 관리자에서 모아 봅니다.
DESIGN SYSTEM
DESIGN
주차관제와 무인정산을 나누고,
보던 화면에서 바로 상담하도록
한 페이지에 모여 있던 내용을 메뉴별 화면으로 나눴습니다. 주차관제와 무인정산 화면은 지금 겪는 불편을 먼저 짚고, 헬로파킹이 하는 일을 보여 준 뒤, 같은 화면 아래에서 상담을 받는 순서로 짰습니다.
-
주차관제 화면
손으로 적는 방문 기록 같은 불편 4가지, 모바일 방문예약과 AI ARS 방문등록 같은 기능 6가지, 방문등록부터 차량 출입 관리까지의 사용 흐름을 차례로 보여 줍니다.
-
무인정산 화면
주차장 관리 불편 4가지와 현장 맞춤 시스템 구성·웹 할인 시스템·업사이클링·차량번호 인식을 소개하고, 60개월 렌탈 요금을 안내합니다.
-
제품 소개
일체형 차단기, 방문등록 키오스크, 무인정산 키오스크를 주차관제 구성과 무인정산 구성으로 나눠 사진·설명·사양을 함께 보여 줍니다.
-
상담신청 폼
아파트명 혹은 건물명, 담당자, 연락처, 지역, 관심 서비스(여러 개 선택), 문의 내용을 받고, 개인정보 수집·이용에 동의해야 보낼 수 있습니다. 같은 곳에서 10분 안에 5건을 넘게 보내거나 자동 프로그램이 채운 접수는 받지 않습니다.
-
관리자에서 하는 일
들어온 상담을 접수한 화면(메인·주차관제·무인정산·상담신청)과 함께 보고 신규·처리완료로 나눕니다. 도입 사례와 공지사항은 게시판으로 직접 올립니다.
-
검색엔진이 읽는 정보
설명문과 대표 주소, 공유 미리보기, 회사 정보 구조화 데이터를 넣고, robots.txt·sitemap.xml·llms.txt로 검색엔진과 AI 검색에 사이트 내용을 알려 줍니다.
한 가지 그림체로
그림을 새로 만들다
주차장과 장비를 같은 입체 그림체로 맞추고, 화면마다 들어갈 배너와 기능 그림, 아이콘, 캐릭터를 새로 만들었습니다.
-
3장
메인 배너 그림 (헬로파킹 소개 · 주차관제 · 무인정산)
-
8장
기능 소개 그림 (주차관제 5장 · 무인정산 3장)
-
16개
아이콘 (서비스 소개 · 관리 불편 · 실적 숫자 · 상담 버튼)
-
5종
캐릭터 (상담 영역 인물 4명 · 요금 안내 캐릭터)
서비스가 여러 가지라면,
화면별로 나눠 보여 드립니다.
설명할 서비스가 많아 한 페이지에 담기 어려우신가요?
화면 설계부터 디자인, 상담 접수 관리자까지 상담해 드립니다.
지금 웹셀러에 상담하세요.
카카오 1:1 문의