본문으로 건너뛰기
진수웹JINSOOWEB

꽃집 예약 사이트·매장 슬라이드쇼

꽃집이 인스타그램에 올린 작품을 손님용 사이트에서는 분류별 격자로, 매장 TV에서는 끊기지 않는 슬라이드쇼로 보여 줍니다.

분류
홈페이지 · 연동
기간
2026.08 – 운영 중
맡은 범위
기획 · 설계 · 개발 · 배포 · 운영
형태
손님용 웹 · 매장 TV 화면 · 관리자
꽃집 사이트 첫 화면. 분류 단추와 작품 사진 격자가 보인다
운영 중인 화면을 캡처했습니다. 상호와 로고, 사람 이름은 가렸습니다.

어떤 문제였나

작품 사진은 인스타그램에만 쌓여 있어, 손님이 분류별로 찾아보거나 예약을 넣을 곳이 따로 없었습니다.

매장 TV와 태블릿에도 같은 작품을 보여 주고 싶었지만, 기기를 껐다 켤 때마다 누군가 다시 틀어야 했습니다.

어떻게 풀었나

  1. 작품을 분류별로관리자 화면에서 검수한 인스타그램 게시물만 꽃다발·꽃바구니 같은 분류별 격자에 올립니다.
  2. 결제 없는 예약 신청손님은 작품을 보고 예약 신청만 넣고, 받은 링크로 진행 상태를 확인합니다.
  3. 검색과 AI 답변에 잡히게사이트맵, 구조화 데이터, llms.txt를 붙여 검색엔진과 AI가 매장 정보를 한 번에 읽게 했습니다.
  4. 꺼져도 다시 도는 매장 화면키오스크 키 하나로 기기를 재부팅해도 슬라이드쇼가 저절로 다시 시작합니다. 매장 이미지도 따로 올립니다.

기술 스택

사이트Next.js 15 · React 19 · Tailwind CSS 4
슬라이드쇼React · Node.js API · Prisma · MySQL 8
연동Instagram Graph API · 관리자 서버 내부 API
검색사이트맵 · 구조화 데이터 · llms.txt
배포Docker · Jenkins · HAProxy

어디까지 왔나

  1. 2026.08매장 슬라이드쇼매장 TV·태블릿용 재생 서비스
  2. 2026.10손님용 사이트작품 격자와 예약 신청