PENNY PAGE
CASE 44하수구왕자 누수공주

지금 전화할 곳과 비용부터
막혔을 때, 바로 갑니다

컨셉 작업 — 서울 지역 하수구·누수 긴급출동 업체를 가정해 만든 원페이지입니다.

업종
하수구·누수 긴급출동 (서울)
형태
컨셉 시안 · 원페이지
구성
긴급출동 띠 · 강점 · 전문 서비스 6종 · 요금 안내
출동 과정 · 고객 후기 · 연락
기술 스택
반응형 HTML/CSS · Vanilla JS · tel: 원터치 전화 · IntersectionObserver
하수구왕자 누수공주 데스크탑·모바일 화면
PENNYPAGE WORKS · CASE 44

01과제

무엇을 받았고, 무엇을 했나

막힘·누수 고객은 지금 전화할 곳과 대략의 비용부터 찾습니다. 그래서 상단 긴급출동 띠와 tel: 원터치 전화 버튼을 앞세우고, 품목별 요금표와 4단계 출동 과정을 히어로 바로 아래에 배치했습니다.

전문 서비스 6종, 요금 안내, 고객 후기, 연락 섹션까지 이어지는 긴급출동 원페이지로 구성했습니다.

핵심 — 전화와 비용 먼저원터치 전화 버튼과 품목별 요금표를 앞에 세워, 급한 고객이 망설이지 않고 전화하게 했습니다.

02화면

히어로가 아니라 실제로 일하는 구간

전문 서비스 6종
01전문 서비스 6종
투명 요금표 — 품목별 기본 요금
02투명 요금표 — 품목별 기본 요금
4단계 출동 과정
034단계 출동 과정
고객 후기 · 연락 섹션
04고객 후기 · 연락 섹션

03구성

이 사이트에 들어간 것

  • 01
    긴급출동 상단 띠24H 연중무휴 안내
  • 02
    원터치 전화 CTAtel: 링크
  • 03
    지표 카운트업IntersectionObserver
  • 04
    전문 서비스 6종하수구·누수·배관·욕실·싱크대·수도 배관
  • 05
    투명 요금표품목별 기본 요금 카드
  • 06
    4단계 출동 과정접수→출동→진단→시공
  • 07
    고객 후기별점 카드
  • 08
    반응형 모바일 레이아웃모바일 전화 버튼 우선
하수구왕자 누수공주 모바일 전체 화면

모바일 · 스크롤해서 보기

컨셉 작업입니다.

특정 고객 없이 업종 문법을 연구하려고 만든 시안입니다.