운송 & 관광

France Évasions

전세버스 견적에는 변수가 여덟 개 있습니다: 과제는 다섯 개만 묻는 것이었습니다.

연도
2026
제작 기간
4주
기술 스택
React · Vite · Tailwind · Vercel
  • 디자인
  • 개발
  • 견적 계산기
  • 로컬 SEO
https://www.france-evasions.fr
France Évasions 웹사이트 메인 페이지 — 운송 & 관광, Kayzen Web 제작
여덟 개 대신 다섯 개의 질문
5
Lighthouse SEO
100/100
성능 — +30점 개선 계획 수립
58/100
출발점

해결해야 했던 과제.

배경

리옹의 기사 포함 전세버스 대여 회사입니다. 공항·행사 이동, 당일 여행, 단체 여행, 학교 및 단체 수송을 담당합니다.

제약

전세버스 견적은 탑승 인원, 날짜, 경로, 기간, 차량 대수, 옵션, 대기 운행 여부에 따라 달라집니다. 이 모든 것을 양식으로 물으면 고객이 떠나고, 아무것도 묻지 않으면 견적을 낼 수 없습니다.

해법

다섯 가지 질문으로 즉시 가격대를 보여 주는 견적 계산기를 만들고, 세부 조정은 이후 전화로 진행합니다. 가장 기술적인 변수 세 가지는 양식에서 뺐습니다. 금액의 규모를 바꾸지 않으면서 문의의 3분의 1을 잃게 만들기 때문입니다.

주장이 아닌 측정

납품 시점에 측정한 점수.

운영 중인 사이트의 Lighthouse 점수입니다. 있는 그대로 공개합니다. 낮은 점수가 있으면 그 원인과 개선 계획을 아래에 적어 두었으며, 감추지 않습니다.

PageSpeed
58
성능: 100점 만점에 58점
93
접근성: 100점 만점에 93점
96
권장사항: 100점 만점에 96점
100
검색엔진 최적화: 100점 만점에 100점
디자인 & 아트 디렉션

모든 선택에는 이유가 있습니다.

  1. 다섯 가지 질문, 하나의 가격대

    탑승 인원, 출발지, 목적지, 날짜, 서비스 유형. 결과는 가격대임을 분명히 밝히고, 계산에 쓴 가정을 함께 적어 보여 줍니다.

  2. 차량이 아니라 용도로

    사이트는 “55인승 버스”가 아니라 학교 체험학습, 결혼식, 세미나, 공항 이동을 이야기합니다. 고객은 상황을 기준으로 생각합니다.

  3. 목적지 사진

    이미지는 차량만이 아니라 가는 곳을 보여 줍니다. 단체 관광에서 결정을 이끄는 것은 목적지입니다.

프로젝트 색상 팔레트

  • 로드 블루

    #1F4F82

    아이덴티티

  • 오렌지

    #E07B2C

    행동 유도, 견적

  • 오프화이트

    #F7F8FA

    배경

  • 잉크

    #1C2026

    텍스트

타이포그래피 체계

제목용 서체

Outfit 700

본문용 서체

Inter 400

탑승 인원과 가격대는 고정폭 숫자로 표시합니다. 정렬이 어긋난 비교표는 어림짐작처럼 읽힙니다.

엔지니어링

보이지 않는 곳의 기술.

  • React
  • Vite
  • Tailwind
  • Vercel
  1. 클라이언트 측 견적 계산

    서버 호출도, 사전 개인정보 수집도 없이 즉시 계산됩니다. 연락처는 가격대가 표시된 뒤에만 요청합니다.

  2. 포트폴리오에서 가장 큰 성능 개선 과제

    성능 58점. 원인은 파악되어 있습니다. 제공받은 콘텐츠에서 넘어온 최적화되지 않은 목적지 이미지 라이브러리, 그리고 홈에서부터 로드되는 인터랙티브 지도입니다. 이미지 규격 통일과 지도의 지연 로드라는 계획이 이미 세워져 있으며, 이것만으로 30점 이상 개선될 것으로 추정합니다. 숨기기보다 공개합니다. 누구든 1분이면 확인할 수 있는 사실이니까요.

검색엔진 최적화

사이트가 검색되는 방식.

  1. 상황별 페이지

    “리옹 결혼식 버스 대여”, “론(Rhône) 학교 통학버스”, “생텍쥐페리 공항 단체 셔틀”. 실제 검색어는 이런 것이지, “버스 대여”가 아닙니다.

  2. 출발 지역 마크업

    리옹 출발과 서비스 반경을 명시합니다. 운송업에서는 차고지 위치가 가격을, 따라서 검색 적합성을 좌우합니다.

사이트 구조

납품한 결과물.

  • 홈 — 견적 계산기
  • 결혼식·행사
  • 학교 수송
  • 세미나·기업
  • 공항 이동
  • 보유 차량
  • 견적
방법론

프로젝트 진행 과정.

  1. 양식 축소

    금액 규모를 잃지 않고 변수 여덟 개를 다섯 개로 줄임.

  2. 디자인

    상황별 입구, 목적지 이미지.

  3. 개발

    클라이언트 측 견적 계산기, 견적 요청 퍼널.

  4. 예정

    이미지 규격 통일, 지도 지연 로드.

질문

자주 받는 질문.

결과에 미치는 영향을 시험해 봅니다. 견적 금액의 규모를 바꾸지 않는 변수는 첫 문의 양식에 있을 이유가 없습니다. 연락이 닿은 뒤 전화로 물으면 됩니다.

같은 수준의 기준을, 귀하의 사이트에도.

현재 사이트 무료 진단, 24시간 이내 견적, 그리고 방금 읽으신 것과 같은 서면 분석을 제공합니다. 3회 무이자 분할 결제가 가능하며, 이용 가능한 지역 지원금은 계약 전에 확인합니다.

공유