📌 T-Golf Gallery (티골프 갤러리) - 프리미엄 골프 장비 디지털 쇼룸 및 커스텀 CMS 구축
🔹 프로젝트 개요
- 작업 기간: 2026.03
- 작업 범위: 디지털 쇼룸 웹사이트 기획 및 풀스택(Full-Stack) 개발, 전용 커스텀 관리자 페이지(CMS) 아키텍처 설계 및 구축, 데이터베이스 모델링
- 사용 기술: 프론트엔드 및 백엔드 웹 스택 (Custom DB, API 연동), UI/UX 디자인 툴
🔹 프로젝트 목적
'티골프 갤러리(티골프피팅)'는 스카티 카메론(Scotty Cameron) 등 고가의 희귀 한정판 프리미엄 골프 장비를 전문으로 취급하는 오프라인 기반 셀렉트 스토어입니다. 본 프로젝트는 온라인 결제가 아닌, 수백만 원을 호가하는 하이엔드 제품들을 VIP 고객에게 갤러리 형태로 전시하고 오프라인 매장 방문을 유도하는 **'디지털 쇼룸(Digital Showroom)'**을 구축하는 데 목적을 두었습니다. 특히, 기성 웹 빌더(카페24 등)의 한계를 벗어나 클라이언트가 사이트의 모든 요소를 독립적으로 통제할 수 있도록 **자체적인 커스텀 관리자 시스템(Back-office)**을 개발하여 운영의 자유도를 극대화했습니다.
🔹 핵심 기술 및 구현 기능 (Key Technical Features)
- Custom CMS & Back-Office Architecture (전용 커스텀 관리자 시스템 구축):
클라이언트의 비즈니스 로직에 정확히 맞춘 독립적인 관리자 페이지를 풀스택으로 직접 설계하고 개발했습니다. 동적 메뉴 추가 및 생성, 글로벌 헤더(Header) 관리, 페이지네이션(페이지 수) 제어 등 웹사이트의 뼈대가 되는 모든 구조를 관리자 단에서 직관적으로 커스텀할 수 있도록 구현했습니다.
- Product Management Database (상품 및 디테일 제어 시스템):
수시로 입/출고되는 희귀 매물의 특성을 반영하여, 관리자가 빠르고 세밀하게 상품을 등록하고 디테일 정보를 수정할 수 있는 커스텀 데이터베이스 통신 환경을 구축했습니다. 이를 통해 프론트엔드의 갤러리 쇼케이스와 백엔드 데이터가 지연 없이 완벽하게 동기화되도록 처리했습니다.
- Digital Showroom UI/UX (몰입형 카탈로그 프론트엔드):
'NEW ARRIVALS', 'ONLY! ON' 등 주요 큐레이션 영역의 UI를 갤러리 형태로 설계했습니다. 고해상도의 상품 이미지가 로딩 지연이나 레이아웃 틀어짐 없이 렌더링되도록 프론트엔드 단의 성능을 최적화하고 반응형(PC/Mobile) 크로스 브라우징을 완벽하게 구현했습니다.
🔹 디자인 포인트
- Premium Gallery Vibe (프리미엄 갤러리 무드 연출): 제품 자체가 가진 하이엔드 퀄리티가 돋보이도록 UI 요소를 최소화하고 미니멀한 모노톤을 배경으로 채택했습니다. VIP 고객들이 온라인 카탈로그를 탐색할 때 마치 오프라인 명품관을 걷는 듯한 시각적 안정감을 주도록 디자인했습니다.
- O2O (Online to Offline) Routing: 온라인 탐색이 자연스럽게 매장 방문으로 이어질 수 있도록, 하단과 푸터(Footer) 영역에 오프라인 스토어 주소 및 문의처로 연결되는 직관적인 정보 구조(IA)를 배치했습니다.
🔹 담당 역할
- 풀스택 개발(100%): 프론트엔드 몰입형 카탈로그 UI 구현 및 백엔드 서버/DB 아키텍처 설계
- 커스텀 CMS 연동: 메뉴, 헤더, 상품 디테일, 페이지 제어 등 전용 관리자 페이지 기능 전체 개발
- 반응형 웹 최적화 및 오프라인 매장 유도 동선(O2O) 기획
🔹 주요 화면