WWebimation
홈페이지는 있는데 아무도 안 읽고, 문의도 없다면

웹사이트에
도슨트를 붙입니다.

스크립트 한 줄로. 첫 방문자를 10초 안에 사로잡고, 사이트의 버튼을 진짜로 눌러 가며 중요한 것을 대신 짚어 주고, 문의 받을 곳까지 데려갑니다. 기존 사이트 코드는 손대지 않습니다. 지금 이 페이지도 그렇게 열립니다.

내 사이트로 데모 받기

비공개 베타 모집 중 · 설치는 저희가 해 드립니다 · 가격은 베타 뒤에 공개합니다

왜 필요한가

방문자는 옵니다. 읽지 않을 뿐입니다.

매장이라면 직원이 다가가 한마디 할 겁니다. "처음 오셨죠? 이게 제일 많이 찾으시는 거예요." 웹사이트에는 그 직원이 없었습니다.

  • 첫 화면에서 끝나는 방문 — 무엇이 중요한지 말해 주는 사람이 없으면, 방문자는 몇 초 둘러보고 뒤로 가기를 누릅니다.
  • 아래에 묻힌 좋은 내용 — 둘째 탭, 셋째 스크롤, 메뉴 속 페이지에 있는 내용은 스스로 찾아 내려가야만 보입니다.
  • 눌리지 않는 문의 버튼 — 버튼은 있지만, 누군가 "여기로 물어보시면 됩니다" 하고 가리켜 주지는 않습니다.

Webimation은 그 직원 자리에 섭니다. 다가가서, 중요한 것부터 보여 주고, 문의 받을 곳까지 데려갑니다.

하는 일 세 가지

소개하고, 더하고, 매일 봅니다

정적인 홈페이지를 사람이 옆에서 설명해 주듯 보여 주는 것에서 시작해, 빠진 기능을 채우고, 그 뒤로는 매일 지켜봅니다.

1

도슨트처럼 소개합니다

첫 방문자에게 10초 안에 핵심을. 사이트의 버튼과 탭을 진짜로 눌러 보여 주고, 중요한 문장에는 형광펜·밑줄·동그라미를 칩니다. 10초 뒤에는 중요한 내용을 한 장면 2~3초로 빠르게 짚습니다.

  • 안내자는 자막만 · 색 도트 · 심플 캐릭터 · 일러스트 캐릭터 중 선택
  • 첫 방문에만 자동 재생, ESC로 건너뛰기
2

빠진 영역을 더하고 업그레이드합니다

문의폼이 없으면 문의폼을, SNS가 비어 있으면 SNS 소식을. 사이트 코드를 고치지 않고 그 자리에 얹습니다. 원본과 전/후를 스위치 하나로 비교합니다.

  • 문의폼 — Webimation이 받아서 바로 알려 드립니다
  • SNS 소식 — 관리자가 정렬·개수·고정 글을 정합니다
  • 로고 띠, 숫자 요약 같은 작은 영역들
3

매일 점검하고, 숫자로 보고합니다

10초 시청률, 완주율, 들어온 문의 수, 깨짐 감지. 사이트가 바뀌어 소개가 깨지면 감지해서 알립니다. 대시보드는 앱으로도 봅니다.

  • 효과를 미리 약속하지 않습니다 — 들어온 문의 수를 그대로 보여 드립니다
  • 자동 수리는 하지 않습니다 — 감지하고 알립니다
대시보드는 만드는 중

영역 추가 · 업그레이드 미리 보기

빠진 영역은 그 자리에 얹습니다

문의는 메일 주소 한 줄, SNS는 글자 링크뿐인 사이트가 많습니다. 스위치를 눌러 보세요 — 사이트 코드는 그대로 두고 그 자리만 바뀝니다.

원본 Webimation 적용 시연용 · 예시 데이터

문의

문의는 메일로 cs@pamforest.com

소식

인스타그램 바로가기 · 블로그 바로가기

원본 요소는 숨길 뿐 지우지 않고, 스위치를 끄면 그대로 돌아옵니다. 어떤 영역이 필요할지는 데모 신청에서 함께 봅니다.

안내자 형태

안내자는 사이트 분위기에 맞게 고릅니다

"캐릭터가 귀여우면 무조건 본다"는 곳도, "톤앤매너를 해친다, 심플하게 포인트만"이라는 곳도 있었습니다. 둘 다 맞아서 고르게 했습니다. 누르면 이 페이지가 그 형태로 처음부터 다시 소개합니다.

마음에 드는 형태가 없으면 사이트 전용 캐릭터도 만듭니다.

설치

사이트 코드는 건드리지 않습니다

사이트 위에 격리된 층으로 얹습니다. 어떤 빌더로 만든 사이트든, 직접 코딩한 사이트든 같습니다.

1

주소를 알려 주세요

사이트 구조를 보고 소개 장면을 만듭니다. 베타 기간에는 저희가 직접 만들고, 보여 드린 뒤 붙입니다.

2

한 줄을 붙입니다

<head>에 스크립트 한 줄. 디자인·속도·검색 노출에 영향을 주지 않도록 비동기로 불러옵니다.

3

매일 봅니다

문의가 오면 알림, 소개가 깨지면 감지, 매주 숫자 한 줄 요약. 끄고 싶으면 스위치 하나로 원래대로.

개발자 · 대행사

API와 앱으로 보는 대시보드

한 줄 설치 뒤의 모든 것은 API로 열립니다. 여러 사이트를 관리하는 대행사는 한 계정에서 전부 봅니다.

<script src="https://webimation.app/sdk/webimation.js"
        data-site="your-site-key" async></script>
  • POST
    /api/lead운영 중문의·베타 신청 수신 — 이 페이지의 폼이 씁니다
  • POST
    /api/events운영 중시청·클릭 이벤트 수신 — 쿠키 없음, 개인 식별 없음
  • GET
    /v1/sites/{key}/bundle준비 중사이트별 소개 장면·설정을 엣지에서 내려받기
  • GET
    /v1/sites/{key}/metrics준비 중10초 시청률·완주율·문의 수·깨짐 감지
  • POST
    /v1/webhooks준비 중새 문의·깨짐 감지를 원하는 곳으로

app.webimation.app

대시보드는 설치형 웹앱입니다. 폰 홈 화면에 추가하면 앱처럼 열리고, 새 문의가 오면 알림을 받습니다. 사이트 하나든 1만 개든 같은 화면입니다.

  • 받은 문의함 — 확인 표시, 담당 메모
  • 사이트별 10초 시청률 · 완주율 · 문의 수
  • 깨짐 감지 알림과 점검 기록
  • 안내자 형태 · SNS 정렬 같은 설정은 고르기만
만드는 중 — 베타 참여 사이트부터 엽니다

솔직하게

아직 못 하는 것도 적어 둡니다

  • 비공개 베타입니다. 실제 설치 사례를 공개하기 전이라, 이 페이지가 유일한 공개 시연입니다.
  • 모바일에서는 자막형만 재생됩니다. 캐릭터 형태는 데스크톱 폭에서 먼저 다듬고 있습니다.
  • 자동 수리는 하지 않습니다. 사이트가 바뀌어 소개가 깨지면 감지해서 알리고, 사람이 고칩니다.
  • 효과를 숫자로 약속하지 않습니다. 대신 들어온 문의 수와 시청률을 있는 그대로 보여 드립니다.
  • 가격은 베타가 끝나면 공개합니다. 베타 참여 사이트에는 먼저 알려 드립니다.

비공개 베타

내 사이트로 데모 받기

주소만 주시면 그 사이트 전용 소개를 만들어 보여 드립니다. 마음에 들면 그대로 붙입니다. 베타 10곳을 모집합니다.

  • 문의 1건이 소중한 사이트에 잘 맞습니다 — 스튜디오, 프랜차이즈, B2B 서비스, 병원·교육
  • 여러 고객 사이트를 관리하는 대행사도 환영합니다

이메일이 편하시면 cs@pamforest.com 으로 보내 주셔도 됩니다.

FAQ

자주 묻는 것

사이트 코드를 건드리나요?

아니요. 사이트 위에 격리된 층(Shadow DOM)으로 얹습니다. 스크립트 한 줄을 빼면 원래 모습으로 돌아갑니다.

사이트가 느려지지 않나요?

스크립트는 비동기로 불러오고, 사이트가 다 그려진 뒤에 시작합니다. 소개 장면은 사이트 키별로 엣지에서 캐시됩니다.

재방문자에게도 매번 나오나요?

아니요. 첫 방문에만 자동 재생되고, 그 뒤에는 작은 버튼으로만 남습니다. 언제든 ESC로 건너뛸 수 있습니다.

캐릭터가 우리 사이트 톤과 안 맞으면요?

자막만, 색 도트, 심플 캐릭터처럼 조용한 형태로 바꾸면 됩니다. 위의 "안내자 형태"에서 이 페이지로 직접 비교해 보세요.

사이트가 바뀌면 소개도 깨지지 않나요?

매일 점검해서 깨짐을 감지하고 알립니다. 자동으로 고치지는 않고, 사람이 확인해서 고칩니다.

가격은요?

베타가 끝나면 공개합니다. 베타 참여 사이트에는 가장 먼저 알려 드립니다.

문의폼으로 들어온 개인정보는 어떻게 다루나요?

이름·연락처·문의 내용은 사이트 운영자에게 전달하기 위해서만 보관하며, 개인정보처리방침에 따라 처리합니다.