France Évasions
전세버스 견적에는 변수가 여덟 개 있습니다: 과제는 다섯 개만 묻는 것이었습니다.
- 연도
- 2026
- 제작 기간
- 4주
- 기술 스택
- React · Vite · Tailwind · Vercel
- 디자인
- 개발
- 견적 계산기
- 로컬 SEO

- 여덟 개 대신 다섯 개의 질문
- 5
- Lighthouse SEO
- 100/100
- 성능 — +30점 개선 계획 수립
- 58/100
해결해야 했던 과제.
배경
리옹의 기사 포함 전세버스 대여 회사입니다. 공항·행사 이동, 당일 여행, 단체 여행, 학교 및 단체 수송을 담당합니다.
제약
전세버스 견적은 탑승 인원, 날짜, 경로, 기간, 차량 대수, 옵션, 대기 운행 여부에 따라 달라집니다. 이 모든 것을 양식으로 물으면 고객이 떠나고, 아무것도 묻지 않으면 견적을 낼 수 없습니다.
해법
다섯 가지 질문으로 즉시 가격대를 보여 주는 견적 계산기를 만들고, 세부 조정은 이후 전화로 진행합니다. 가장 기술적인 변수 세 가지는 양식에서 뺐습니다. 금액의 규모를 바꾸지 않으면서 문의의 3분의 1을 잃게 만들기 때문입니다.
납품 시점에 측정한 점수.
운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.
모든 선택에는 이유가 있습니다.
다섯 가지 질문, 하나의 가격대
탑승 인원, 출발지, 목적지, 날짜, 서비스 유형. 결과는 가격대임을 분명히 밝히고, 계산에 쓴 가정을 함께 적어 보여 줍니다.
차량이 아니라 용도로
사이트는 “55인승 버스”가 아니라 학교 체험학습, 결혼식, 세미나, 공항 이동을 이야기합니다. 고객은 상황을 기준으로 생각합니다.
목적지 사진
이미지는 차량만이 아니라 가는 곳을 보여 줍니다. 단체 관광에서 결정을 이끄는 것은 목적지입니다.
프로젝트 색상 팔레트
로드 블루
#1F4F82
아이덴티티
오렌지
#E07B2C
행동 유도, 견적
오프화이트
#F7F8FA
배경
잉크
#1C2026
텍스트
타이포그래피 체계
제목용 서체
Outfit 700
본문용 서체
Inter 400
탑승 인원과 가격대는 고정폭 숫자로 표시합니다. 정렬이 어긋난 비교표는 어림짐작처럼 읽힙니다.
보이지 않는 곳의 기술.
- React
- Vite
- Tailwind
- Vercel
클라이언트 측 견적 계산
서버 호출도, 사전 개인정보 수집도 없이 즉시 계산됩니다. 연락처는 가격대가 표시된 뒤에만 요청합니다.
포트폴리오에서 가장 큰 성능 개선 과제
성능 58점. 원인은 파악되어 있습니다. 제공받은 콘텐츠에서 넘어온 최적화되지 않은 목적지 이미지 라이브러리, 그리고 홈에서부터 로드되는 인터랙티브 지도입니다. 이미지 규격 통일과 지도의 지연 로드라는 계획이 이미 세워져 있으며, 이것만으로 30점 이상 개선될 것으로 추정합니다. 숨기기보다 공개합니다. 누구든 1분이면 확인할 수 있는 사실이니까요.
사이트가 검색되는 방식.
상황별 페이지
“리옹 결혼식 버스 대여”, “론(Rhône) 학교 통학버스”, “생텍쥐페리 공항 단체 셔틀”. 실제 검색어는 이런 것이지, “버스 대여”가 아닙니다.
출발 지역 마크업
리옹 출발과 서비스 반경을 명시합니다. 운송업에서는 차고지 위치가 가격을, 따라서 검색 적합성을 좌우합니다.
납품한 결과물.
- 홈 — 견적 계산기
- 결혼식·행사
- 학교 수송
- 세미나·기업
- 공항 이동
- 보유 차량
- 견적
프로젝트 진행 과정.
양식 축소
금액 규모를 잃지 않고 변수 여덟 개를 다섯 개로 줄임.
디자인
상황별 입구, 목적지 이미지.
개발
클라이언트 측 견적 계산기, 견적 요청 퍼널.
예정
이미지 규격 통일, 지도 지연 로드.


