CASE 04노트북 공임나라2026.09

과다 청구 없는
정찰제 노트북 수리

서울 여의도 노트북 수리점의 멀티페이지 홈페이지입니다.

업종: 노트북 수리 (서울 여의도)
형태: 멀티페이지 + 온라인 수리 접수
구성: 공임비 표 · 브랜드별 수리 · 접수 안내
온라인 접수 · 오시는 길
기술 스택: Cloudflare Pages · Pages Functions · Cloudflare D1 · 반응형 HTML/CSS
호스팅: Cloudflare Pages + D1, 자체 도메인

노트북 공임나라 데스크탑·모바일 화면 — PENNYPAGE WORKS · CASE 04notebookrepair.co.kr

01과제

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

노트북 수리 고객이 가장 걱정하는 건 과다 청구입니다. 그래서 공임 17종을 필터·정렬되는 공임비 표로 공개하고, 온라인 수리 접수는 Cloudflare Pages Functions가 받아 D1 데이터베이스에 저장하게 했습니다.

대표님 수정 요청을 반영해 v15까지 다듬으며 브랜드별 수리 안내, 오시는 길 지도, 네이버톡톡·카카오채널 문의 버튼까지 갖췄습니다.

핵심 — 가격 공개공임 17종을 표로 먼저 보여주고, 수리 접수는 온라인으로 바로 받습니다.

02화면

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

표준 공임표 — 5대 핵심 서비스 정찰 가격 — 01표준 공임표 — 5대 핵심 서비스 정찰 가격

주요 서비스 바로가기 — 공임비 표·브랜드별 수리·FAQ — 02주요 서비스 바로가기 — 공임비 표·브랜드별 수리·FAQ

접수 방식 안내 — 출장·택배·센터 내방 — 03접수 방식 안내 — 출장·택배·센터 내방

오시는 길 — 운영시간·톡톡·카카오 문의 — 04오시는 길 — 운영시간·톡톡·카카오 문의

03구성

이 사이트에 들어간 것

01
공임비 표 필터·정렬공임 17종 · 고시 이미지 병기
02
온라인 수리 접수Pages Functions → D1 저장
03
브랜드별 수리 13종 탭브랜드마다 안내 분리
04
간편문의 챗페이지 안에서 바로 문의
05
오시는 길 지도운영시간·위치 안내
06
네이버톡톡·카카오채널 플로팅 버튼우측 하단 고정 버튼
07
sitemap·robots검색 수집 기본 파일
08
서치어드바이저 등록네이버 사이트 인증 메타

노트북 공임나라 모바일 전체 화면

모바일 · 스크롤해서 보기

실제 사이트에서 확인하세요.

지금도 운영 중인 사이트입니다.

라이브 사이트 ↗미러본 보기 제작 문의