CASE 07(주)유니크르2026.08

라이트 럭셔리
쥬얼리 브랜드 소개

부산 신호동 쥬얼리 도소매 법인의 브랜드 소개 사이트입니다.

업종: 쥬얼리 도소매 (부산 신호동)
형태: 브랜드 소개 사이트 + 브랜드 상세 페이지
구성: 히어로 · 회사소개 · 컬렉션
매장 안내 · 브랜드 상세
기술 스택: Cloudflare Pages · Node.js 정적 빌드 · JSON 데이터 · 반응형 HTML/CSS
호스팅: 고객 명의 Cloudflare Pages, 자체 도메인

(주)유니크르 데스크탑·모바일 화면 — PENNYPAGE WORKS · CASE 07uniqler.co.kr

01과제

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

쥬얼리는 브랜드의 이야기와 실제 제품 사진이 구매 판단을 좌우합니다. 그래서 브랜드마다 역사·공식몰 링크·제품 사진 갤러리를 담은 상세 페이지를 JSON 데이터에서 Node.js 빌드로 생성했습니다.

웜 아이보리와 샴페인 골드 톤에 큰 제목은 MaruBuri 명조, 상품·가격은 Pretendard로 역할을 나눠 완성했습니다.

핵심 — 이야기와 제품 사진브랜드마다 역사와 제품 사진 갤러리를 담은 상세 페이지를 데이터에서 생성했습니다.

02화면

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

회사소개 — 아이보리·골드 톤 — 01회사소개 — 아이보리·골드 톤

2026 Collection — 브랜드 카드 — 022026 Collection — 브랜드 카드

브랜드 목록 — 가격대·상세 링크 — 03브랜드 목록 — 가격대·상세 링크

매장 안내 — 직접 보고 착용해 보세요 — 04매장 안내 — 직접 보고 착용해 보세요

03구성

이 사이트에 들어간 것

01
히어로·회사소개·매장안내 메인원페이지 메인 구성
02
브랜드 상세 페이지 자동 생성JSON 데이터 → Node.js 빌드
03
제품 사진 갤러리상세 페이지마다 갤러리
04
브랜드 역사·공식몰 링크브랜드 소개 데이터
05
브랜드별 CSS 인터랙션브랜드마다 다른 효과
06
MaruBuri·Pretendard 폰트 체계제목은 명조, 상품·가격은 고딕
07
플로팅 상담 버튼전 페이지 공통
08
고객 명의 Cloudflare Pages·도메인계정·도메인 모두 고객 소유

(주)유니크르 모바일 전체 화면

모바일 · 스크롤해서 보기

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

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

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