케이스 스터디운영 중
그라지에 무라노
펫포레스트의 Grazie Murano 한국 브랜드 사이트 — 운영자가 직접 편집하는 관리자 페이지 포함
반려동물 장례 기업 펫포레스트가 이탈리아 무라노 유리 공예 브랜드 Grazie Murano의 한국 파트너로 운영하는 반려동물 메모리얼 사이트. 컬렉션·상품·맞춤 제작·브랜드 스토리와 문의 접수, 그리고 운영자가 개발자 없이 콘텐츠·이미지·글꼴을 바꾸는 관리자 페이지를 갖춘 클라이언트 웹사이트.
- 기간
- 2025.12 ~ 운영 중
- 역할
- 단독 개발 (개발·배포·도메인·운영)
- 기술
- Next.js
- TypeScript
- Vercel Blob
- Vercel KV
- GSAP
- Client Work
배경
펫포레스트가 Grazie Murano의 한국 파트너 사업을 시작하면서 브랜드 사이트를 의뢰. 상품·사진·문구가 자주 바뀌는 사업이라, 운영자가 개발자를 거치지 않고 직접 고칠 수 있어야 했다.
기술 선택
- 관리자 페이지에서 콘텐츠·이미지·글꼴까지 편집
- 운영자가 개발자 없이 사이트를 바꿀 수 있게. 영역별 폰트·크기·자간·색을 실제 페이지 미리보기로 확인하며 고친다.
- 업로드 시 sharp로 자동 리사이즈·압축 (최대 1920px)
- 운영자가 원본 사진을 그대로 올려도 페이지가 무거워지지 않게. 이미 올라간 이미지는 스크립트로 일괄 마이그레이션.
구현 포인트
- 브랜드 스토리·컬렉션·상품·맞춤 제작·고객센터 등 공개 페이지 11개
- 관리자 페이지: 드래그앤드롭 이미지 관리, 영역별 텍스트·색·글꼴 편집과 실시간 미리보기, 팝업·공지 바·고객 후기 관리
- 문의 폼은 Nodemailer로 이메일 발송, 서버 500 에러는 카카오톡으로 릴레이
- SEO: 메타데이터·canonical·sitemap·JSON-LD, Google·네이버 서치어드바이저 등록
- 파트너 소유 도메인 graziemurano.co.kr을 A 레코드로 연결 + HSTS
- 의뢰인 피드백을 11차례 이상 라운드로 반영
결과
- graziemurano.co.kr 운영 중
- 이미지 저장 용량 311MB → 10MB (일괄 압축 마이그레이션)