01 / 14

F

FANTASY TRICK

체험형 브랜드 매장을 위한 예약 홈페이지

오프라인의 무드를,
온라인 첫인상으로.

남의 플랫폼 UI에 갇히지 않는 브랜드 전용 홈페이지. 예약·무인 결제확인·후기·문자·운영까지 한 몸에. 실제 운영 중인 프리미엄 방탈출 브랜드 사이트로 증명합니다.

자체 예약 시스템 입금 자동매칭(무인) 시네마틱 브랜드 디자인 프로덕션급 성능·SEO

02 / 14 · 문제

The Problem

지금 당신의 브랜드가
'링크트리'로 보이고 있진 않나요?

플랫폼에 갇힘

인스타 링크트리·네이버 예약이 브랜드 얼굴을 대신합니다. 브랜딩 자유도 0.

수수료·종속

예약 플랫폼 수수료를 내고, 브랜드 자산이 남의 서비스에 종속됩니다.

전화·DM 예약

야간·주말 예약은 놓치고, 노쇼는 잡을 방법이 없습니다.

오프라인 경험은 훌륭한데, 온라인 첫인상에서 브랜드 프리미엄이 깎입니다.

03 / 14 · 해결

The Solution

브랜드 전용 홈 + 예약을, 하나로.

링크트리 · 예약앱 · 워드프레스

브랜딩 자유도 0, 남의 템플릿
오프라인 감성을 못 담습니다
대형 에이전시 견적은 수천만원
만들고 나면 방치되기 쉽습니다

브랜드 예약 홈페이지

오프라인 무드를 옮긴 맞춤 디자인
자체 예약·결제확인·후기·운영 내장
업종 특화 템플릿으로 합리적 제작
시즌·팝업마다 갈아끼우기 쉽게

04 / 14 · 레퍼런스

● 실제 구축 사례 · Flagship

시네마틱 브랜드 홈, 그대로 구현됩니다.

무대 조명·설계도 그리드·필름 그레인 3겹 배경, 브랜드 워드마크와 마스코트까지 대부분 CSS로 구현해 빠릅니다.

Fantastrick · 홈

05 / 14 · 화면

실제 화면

테마별 상세 페이지에 포스터·시놉시스·정보 카드까지.

난이도·인원·소요시간·장르 배지, 테마 성격을 살린 카피까지 테마마다 독립된 무드로.

06 / 14 · 기능

Booking

회원가입 없는 자체 예약 시스템.

예약 · 테마 선택

실제 운영 시간표 반영
테마·요일별 시간표, 임박/마감 슬롯 차단, 서버단 이중예약 방지.
전화번호 + PIN 관리
가입 없이 조회·취소·변경. 손님 진입 마찰을 최소화.
예약금 안내 자동
계좌 원클릭 복사, PC는 송금 QR, 모바일은 송금 딥링크.

07 / 14 · 차별점

Underlying Magic

사장님이 잘 때도, 예약이 알아서 확정됩니다.

입금 자동매칭으로 실전 무인화

1

예약 접수

손님이 테마·시간 선택

2

예약금 안내

계좌 복사·QR·딥링크

3

입금 알림

매장 태블릿이 웹훅 전송

4

자동 매칭

이름+금액 정확일치 판정

5

자동 확정

예약 확정 + 문자 발송

외부 결제 플랫폼·수수료 없이 야간·주말 예약이 스스로 흘러갑니다. 사장님 개입 0.

08 / 14 · 기능

Automation

예약 이후의 운영도 전부 자동입니다.

미입금 자동취소

30분 내 미입금 자동취소 + 심야 접수분 유예 처리.

자동 문자(SMS)

접수·확정·취소 템플릿, 테마별 발신번호 분기.

후기 시스템

손님 작성 → 관리자 승인 → 홈 상단 별점·대표후기 노출.

자동 백업

수동 + Cron 자동 백업, 민감필드 제외.

SEO · OpenGraph

메타데이터·공유 카드·구조화로 검색·SNS 노출 최적화.

보안 헤더

CSP·nosniff·프레임 삽입 차단 등 기본 보안 내장.

관리자 대시보드

예약·입금·환불·리뷰·시간표·공지 통합 운영.

09 / 14 · 화면

실제 화면

손님(B2C)과 사업자(B2B)를 동시에.

손님 예약과 동시에, 업계 대상 외주·컨설팅·장치 문의 리드까지 받는 이중 구조.

10 / 14 · 차별점

Brand Craft

템플릿 티가 안 나는, 브랜드 그 자체.

자체 로고 폰트
워드마크 글자를 벡터로 떠서 1KB 전용 폰트로 제작.
브랜드 마스코트
캐릭터로 브랜드를 인격화해 히어로에 등장·플로팅.
시네마틱 다크 히어로
무대 조명·그리드·그레인 3겹을 CSS로 구현.

Fantasy #043cb2

Violet #622698

Red #b20e19

11 / 14 · 차별점

Measured Quality

빠릅니다. 그리고 그걸 숫자로 증명합니다.

이미지 최적화

포스터 2MB → 187KB. next/image·WebP로 90% 이상 절감.

CLS 제거

폰트 분할 서빙 + size-adjust로 화면 튐(레이아웃 시프트) 제거.

대비 AA 검증

텍스트 대비 4.5 통과를 배경별로 실측·재조정.

SNS 광고 착지 페이지로 최적화된 모바일 완벽·빠른 로딩. 코드 주석에 실측치와 시행착오까지 문서화된 엔지니어링 밀도.

12 / 14 · 기술

Tech Stack

프로덕션급 풀스택으로 만듭니다.

Next.js 15

App Router · React 19 · TypeScript

Supabase

DB + Route Handlers 서버 로직

Vercel / Cloudflare

양쪽 배포 대응(OpenNext)

테스트

입금 파서 유닛테스트 · Playwright 검증

매장·테마·시간표를 단일 소스로 홈·예약·관리자가 공유하고, 입금확인 규칙은 한 곳에만 두는 중복 없는 아키텍처.

13 / 14 · 프로세스

How We Build

업종 특화 템플릿으로 빠르게 오픈합니다.

1

브랜드 진단

무드·타깃·예약흐름 정의

2

디자인

히어로·무드보드 시안

3

구축

예약·결제확인·관리자

4

검수

성능·모바일·SEO 점검

5

오픈·이관

도메인 연결·운영 교육

방탈출·공방·스튜디오 등 업종 특화 템플릿으로 제작원가를 낮춰, 방치되지 않는 홈페이지를 만듭니다.

· 경쟁

Why Us

예약앱·노코드·에이전시와 무엇이 다른가.

항목	네이버 예약 · 링크트리	노코드 빌더	대형 에이전시	본 제품
브랜드 맞춤 디자인	✕	△	✓	✓
자체 예약 시스템	△	△	✓	✓
무인 입금 자동확정	✕	✕	△	✓
자동 문자 · 후기 · 백업	✕	△	△	✓
성능 · SEO 최적화(측정)	△	△	✓	✓
플랫폼 종속 없이 매장 소유	✕	△	✓	✓
업종 특화 템플릿으로 빠른 오픈	✓	✓	✕	✓

✓ 지원 · △ 부분 지원 · ✕ 미지원. 에이전시급 완성도를, 예약앱·노코드가 못 하는 무인 운영 자동화까지 담아 제공합니다.

14 / 14

Summary

홈페이지를 넘어선,
완결형 운영 시스템.

자체 예약 + 무인 확정

플랫폼·수수료 없이 매장이 전 과정 제어

브랜드 표현력

자체 폰트·마스코트·시네마틱 커스텀

측정된 성능·품질

이미지·폰트·대비까지 실측 검증

데모 사이트 보기 무드보드 상담 신청