CASE 67도고수산2026.07

사장님이 직접 가격을 바꾸는
민물장어 도소매 사이트

1989년부터 천안에서 국내산 민물장어와 민물고기를 도·소매로 유통하는 수협 공인 중도매인의 사이트입니다.

업종: 수산물 도소매(민물장어·민물고기) · 천안/충남
형태: 상품 소개 사이트 + 상품관리 어드민
구성: 세 가지 길 · 매장 소개 · 대표 상품
전체 상품 · 주문 절차 · 매장 안내
기술 스택: Cloudflare Pages · Cloudflare Worker · Cloudflare D1 · JSON-LD · 반응형 HTML/CSS
호스팅: 고객 명의 Cloudflare Pages + Worker, 자체 도메인

도고수산 데스크탑·모바일 화면 — PENNYPAGE WORKS · CASE 67도고수산.kr

01과제

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

수산물은 시세에 따라 가격과 상품이 자주 바뀝니다. 그래서 Cloudflare Worker와 D1로 상품관리 어드민을 붙여, 사장님이 휴대폰에서 가격·배송비·사진·첫화면 노출 상품을 직접 고치면 사이트에 바로 반영되게 했습니다.

스마트스토어의 실제 상품 19종과 블로그 글을 바탕으로 카피를 잡았고, 상품마다 스토어 검색 링크로 연결했습니다. 어드민이 멈춰도 정적 상품 목록이 대신 표시되도록 폴백을 두었습니다.

핵심 — 사장님 손의 가격표시세가 바뀌면 사장님이 휴대폰 어드민에서 가격과 상품을 고치고, 사이트는 그 값을 바로 보여줍니다.

02화면

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

많이 찾으시는 상품 — 스마트스토어 연결 상품 카드 — 01많이 찾으시는 상품 — 스마트스토어 연결 상품 카드

도고수산의 세 가지 길 — 상품안내·블로그·스마트스토어 — 02도고수산의 세 가지 길 — 상품안내·블로그·스마트스토어

주문 안내 — 시세 확인부터 배송까지 4단계 — 03주문 안내 — 시세 확인부터 배송까지 4단계

전체 상품 — 가격·배송비 표시와 구매 버튼 — 04전체 상품 — 가격·배송비 표시와 구매 버튼

03구성

이 사이트에 들어간 것

01
상품관리 어드민가격·배송비·사진·순서를 휴대폰에서 수정
02
첫화면 노출 상품 토글메인에 올릴 상품을 사장님이 직접 선택
03
Worker + D1 상품 API어드민 수정값을 사이트에 즉시 반영
04
사진 압축 업로드브라우저에서 줄여서 올리는 상품 사진
05
정적 상품 폴백API가 멈춰도 상품 목록 표시
06
스마트스토어 연동 링크상품마다 스토어 검색으로 연결
07
인트로 영상Seedance 2.0으로 만든 첫 화면 영상
08
검색 노출LocalBusiness JSON-LD · sitemap

도고수산 모바일 전체 화면

모바일 · 스크롤해서 보기

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

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

라이브 사이트 ↗제작 문의