나의 API 제품에는 5개의 페이지가 있습니다. 각 페이지의 역할과 그 이유를 소개합니다.

백엔드(Backend)가 아닙니다. 게이트웨이(Gateway) 코드도 아닙니다. 사용자가 실제로 보게 되는 5개의 페이지입니다.

1. 랜딩 페이지 (Landing page) — 세 개가 아닌 하나의 버튼

모든 API 제품의 랜딩 페이지는 비슷해 보입니다: 히어로 텍스트(Hero text), 기능 그리드(Feature grid), 가격표(Pricing table), 그리고 세 개의 CTA(Call to Action) 버튼.

내 페이지에는 중요한 버튼이 단 하나 있습니다: "Playground 체험하기 →"

이전에는 등록(Registration)이 주요 CTA였고 전환율(Conversion)은 2.5%였습니다. 순서를 바꿨습니다. Playground를 먼저, 가입(Signup)을 두 번째로 배치했습니다. 방문자가 랜딩하여 프롬프트(Prompt)를 입력하고, 응답(Response)을 확인한 다음, 등록하게 만들었습니다. 전환율은 19%로 치솟았습니다.

교훈: 사용자에게 무언가를 약속(Commit)하라고 요구하기 전에, 먼저 그것을 사용해 보게 하세요.

1

2. 플레이그라운드 (Playground) — 로그인도, 마찰(Friction)도 없이

15개의 모델(Models), 하루 10회의 무료 요청(Requests), 가입 불필요. 모델을 선택하고, 프롬프트를 입력하고, 응답을 받으세요. 마음에 든다면, "API 키 받기 →"는 클릭 한 번이면 충분합니다.

가장 중요한 기능은 모델 선택이나 마크다운(Markdown) 렌더링이 아닙니다. 장벽이 없다는 사실입니다. 이메일도, 비밀번호도, "계속하려면 계정을 생성하세요"라는 문구도 없습니다. 그냥 입력하고 바로 시작하면 됩니다.

2

3. 온보딩 페이지 (Onboarding page) — 첫 호출까지 30초

로그인 후, 빈 대시보드(Dashboard) 대신 API 키, 즉시 복사해서 실행할 수 있는 curl 명령어, 그리고 복사 가능한 Python SDK 코드를 보여주는 페이지로 연결됩니다.

로그인부터 첫 API 응답까지 단 30초가 걸립니다. 가입은 했지만 단 한 번의 호출도 하지 않은 68%의 사용자들에게, 이 페이지는 "계정이 있다"와 "작동한다" 사이를 이어주는 가교 역할을 합니다.

3

4. 대시보드 (Dashboard) — 정중하게, 그 다음에는 긴박하게

단계적으로 상승하는 사용량 바 (Usage bar). 50% 미만: 작은 파란색 바, 미묘한 업그레이드 버튼. 80% 초과: 주황색 바, "10배 더 많이 잠금 해제하기 →". 90% 초과: 빨간색으로 깜빡이는 바, "남은 토큰 15K 개," 전체 너비의 업그레이드 버튼.

데이터는 동일합니다. 긴박함(Urgency)이 다를 뿐입니다. 당신이 행동해야 할 바로 그 순간에 이를 인지하게 됩니다. 그 전도 아니고, 그 후도 아닙니다.

4

5. 프롬프트 라이브러리 (Prompt library) — 지금 바로 할 수 있는 24가지

사용자의 68%가 API 호출을 단 한 번도 하지 않았습니다. API가 어려워서가 아닙니다. 빈 입력창은 무엇을 물어봐야 할지 알려주지 않기 때문입니다.

프롬프트 라이브러리는 이렇게 말합니다: "지금 바로 할 수 있는 24가지가 여기 있습니다." 버그 찾기 → Kimi K3. 번역하기 → Qwen Max. 테스트 작성하기 → DeepSeek. 각 카드에는 모델, 시스템 프롬프트 (System prompt), 사용자 메시지 (User message)를 미리 채워주는 "Playground에서 시도하기" 버튼이 있습니다. 탐색에서 실행까지 단 한 번의 클릭이면 충분합니다.

6개의 카테고리. 24개의 프롬프트. 단 하나의 정적 HTML 파일. 백엔드(Backend) 변경은 없습니다.

6

다섯 개의 페이지. 각 페이지는 서로 다른 질문에 답합니다:

1. "이게 무엇인가요?" → 랜딩 페이지 (Landing page)
2. "한번 써볼 수 있나요?" → 플레이그라운드 (Playground)
3. "어떻게 시작하나요?" → 온보딩 (Onboarding)
4. "얼마나 사용했나요?" → 대시보드 (Dashboard)
5. "무엇을 물어봐야 하나요?" → 프롬프트 라이브러리 (Prompt library)

게이트웨이 코드가 핵심적인 작업을 수행합니다. 하지만 전환(Conversion)을 만들어내는 것은 페이지들입니다. 그리고 전환이야말로 기능적인 API를 사람들이 비용을 지불하는 무언가로 바꾸어 놓는 핵심입니다.

AIBridge — 하나의 OpenAI 호환 엔드포인트(endpoint) 뒤에 있는 15개의 중국 AI 모델들.
무료 티어(Free tier): 월 500K 토큰. GitHub 로그인. 즉각적인 온보딩(onboarding).
프롬프트 라이브러리(Prompt library). 가입 없이 이용 가능한 플레이그라운드(Playground).

→ aibridge-api.com/playground.html
→ aibridge-api.com/prompts.html