프리미엄 한식(육회·연어) 프랜차이즈의 브랜드 인지도 강화 및
가맹 문의 전환율 향상을 목표로 진행된 프로젝트입니다.

해결하려는 문제:
- 기존에 브랜드를 효과적으로 소개할 온라인 채널 부재
- 예비 창업자의 가맹 문의를 체계적으로 관리할 시스템 필요
- 전국 매장 위치를 고객에게 직관적으로 안내할 수단 부족
- 공지사항, 이벤트 등 고객 커뮤니케이션 창구 필요

달성 목표:
- 프리미엄 브랜드 이미지에 맞는 고급스러운 웹사이트 구축
- 가맹 문의 접수부터 상담 완료까지 원스톱 관리 시스템 구현
- 지도 기반 매장 찾기로 고객 접근성 향상
- 관리자가 별도 개발 없이 콘텐츠를 직접 관리할 수 있는 어드민
제공

1) 포트폴리오 소개

프리미엄 한식(육회·연어) 프랜차이즈 브랜드를 위한 반응형
웹사이트 개발. 예비 창업자 및 일반 고객을 대상으로 브랜드
스토리, 메뉴 소개, 매장 찾기, 가맹 문의 기능을 제공하는
원페이지 랜딩 + 관리자 시스템 구축.

---
2) 작업 범위

- 화면 설계, UI/UX 디자인, 서버 구축, Front-end 개발, Back-end
개발, 관리자 페이지 개발
- 반응형 웹 (Desktop, Tablet, Mobile)
- Ruby on Rails 8, SQLite3, Hotwire(Turbo + Stimulus),
Tailwind CSS 4

---
3) 주요 업무

- 3D 링 캐러셀 기반 인터랙티브 메뉴 페이지 구현
- 카카오맵 API 연동 매장 찾기 (지역 필터, 검색, 마커 클릭
상세보기)
- 가맹 문의 접수 및 상태 관리 시스템 (신규→진행중→완료→취소)
- 관리자 대시보드 (문의 관리, 공지사항 CRUD, 엑셀 내보내기)
- 전화번호 자동 포맷팅, 개인정보 동의 처리
- 스크롤 애니메이션, SVG 마스크, 마키 효과 등 모던 UI 구현

---
4) 주안점

- 사용자 몰입 경험: 풀페이지 스크롤, 3D 캐러셀, 부드러운
트랜지션으로 프리미엄 브랜드 이미지 전달
- 이미지 최적화: WebP 포맷, lazy loading, preload로 로딩 속도와
해상도 균형
- 관리 편의성: 별도 라이브러리 없이 직접 구축한 어드민
시스템으로 문의·공지 통합 관리
- 반응형 대응: 모바일·태블릿·데스크톱 환경에서 일관된 UI/UX
제공