{"site":{"name":"Koji","description":"AI-native customer research platform that helps teams conduct, analyze, and synthesize customer interviews at scale.","url":"https://www.koji.so","contentTypes":["blog","documentation"],"lastUpdated":"2026-05-18T13:48:10.296Z"},"content":[{"type":"documentation","id":"e7599a17-ba6a-42f5-ba04-ee43ffa39154","slug":"interview-landing-page","title":"Interview Landing Page","url":"https://www.koji.so/docs/interview-landing-page","summary":"The interview landing page is the first thing participants see. It features an animated orb, headline, subheadline, description, trust badges, language picker, and two separate start buttons for voice and text mode. A well-configured landing page builds trust and maximizes participation.","content":"The landing page is your interview's front door. It is the first thing participants see when they click your link, and it plays a major role in whether they decide to continue. A well-configured landing page builds trust, sets expectations, and makes it easy to get started.\n\n## What Participants See\n\nWhen someone clicks your interview link, they arrive at a branded page that includes:\n\n### The Animated Orb\n\nAt the top of the page, participants see an animated orb that gently pulses and responds to interaction. The orb comes in six color variants — aurora, sunset, ocean, lavender, mint, and peach — which you can configure in your [branding settings](/docs/customizing-branding). This creates a modern, inviting first impression that signals the interview is powered by conversational AI rather than a traditional form or survey.\n\n### Project Headline\n\nBelow the orb, your project's headline is displayed prominently. This is the main text participants read first, so it should clearly convey what the interview is about.\n\n**Default:** Your project name.\n\nYou can customize it to something more descriptive, like \"Share Your Thoughts on Our New Onboarding Experience\" or \"Help Us Build a Better Product.\" See [Customizing Branding](/docs/customizing-branding) for how to edit this.\n\n### Subheadline\n\nAn optional subheadline appears directly below the headline, providing a secondary line of context. Use it to add a brief supporting statement that complements your headline without repeating it.\n\n### Description\n\nBelow the headline and subheadline, a short description provides additional context. This is your chance to explain:\n\n- What the interview covers\n- Why the participant's input matters\n- How the feedback will be used\n\nKeep it to two or three sentences. Participants are deciding whether to commit their time, so be clear and concise.\n\n### Trust Badges\n\nThe landing page can display trust badges — small indicators with icons and labels that reassure participants. Examples include:\n\n- **Confidential** — responses are kept private\n- **5-10 minutes** — sets time expectations\n- **Anonymous** — no personal information required\n\nThese badges are configurable and can use different icons (shield, clock, star, check, lock, heart). You can add up to four custom badges alongside the built-in duration and anonymity badges. They appear in a subtle row below the description.\n\n### Language Picker\n\nIf your study supports multiple languages or you have configured a default language other than English, a language picker appears on the landing page. Participants can select their preferred language before starting the interview, and the AI interviewer will conduct the conversation in that language.\n\n### Starting the Interview\n\nIf both voice and text modes are enabled, participants see two separate call-to-action buttons:\n\n- **Start Voice Chat** (with a phone icon)\n- **Start Text Chat** (with a keyboard icon)\n\nThe two buttons are separated by the word \"or,\" making it clear that participants can choose either mode. Neither option is labeled as recommended — the choice is left entirely to the participant.\n\nIf your project is configured for a single mode (voice-only or text-only), only the corresponding button appears and participants proceed directly.\n\nNote: The CTA button text you configure in [branding settings](/docs/customizing-branding) applies to the customize preview but does not change the text of these landing page buttons, which remain \"Start Voice Chat\" and \"Start Text Chat.\"\n\n## The Intake Form (Optional)\n\nIf you have configured an [intake form](/docs/intake-forms-and-consent), it appears after the participant clicks one of the start buttons. The form collects information like name, email, or custom fields before the interview begins.\n\nIf no intake form is configured, clicking the start button launches the interview immediately.\n\n## How the Landing Page Adapts\n\n### Imported Participants\n\nWhen a participant arrives via a unique tracking link (from a [CSV import](/docs/importing-participants-csv)), their pre-filled data is loaded automatically. If the intake form is enabled, their fields appear already populated.\n\n### Embedded Interviews\n\nWhen the interview is loaded through the [embed widget](/docs/using-the-embed-widget), the landing page renders inside the iframe. It adapts to the available space and respects the theme setting (dark or light) configured in the embed code.\n\n### Mobile Devices\n\nThe landing page is fully responsive. On mobile, the layout adjusts to fit smaller screens, and the start buttons stack vertically for easier tapping.\n\n### Study Closed or Capacity Reached\n\nIf your study has been closed or has reached its response limit, participants see a friendly overlay letting them know the study is no longer accepting responses. This prevents over-collection and helps you manage your study lifecycle.\n\n## Open Graph Preview\n\nWhen your interview link is shared on social media, email previews, or messaging apps, the Open Graph metadata controls what people see. This includes:\n\n- **Title** — your OG title (or project headline as fallback)\n- **Description** — your OG description (or project description as fallback)\n- **Image** — a custom OG image if you have uploaded one, rendered at 1200 x 630 pixels\n\nA polished OG preview significantly increases click-through rates, especially on LinkedIn and Slack. Configure yours in the [Customizing Branding](/docs/customizing-branding) settings.\n\n## Custom URL Slugs\n\nYour interview link uses a URL slug that you can customize for a cleaner, more branded URL. Instead of a random identifier, you can set a slug like \"user-research-2024\" so your link becomes something like `koji.so/i/user-research-2024`. See [Customizing Interview Slugs](/docs/customizing-interview-slugs) for details.\n\n## Design and Theming\n\nThe landing page follows Koji's design system with a clean, modern aesthetic. It supports both dark and light themes and centers the content for a focused, distraction-free experience.\n\nThe background features a subtle gradient, and the overall layout is intentionally minimal. There are no sidebars, navigation menus, or competing elements — just your headline, description, and the path to getting started.\n\n## What Makes a Good Landing Page\n\nHere are a few tips for maximizing conversion from landing page visitor to interview participant:\n\n1. **Write a compelling headline.** Focus on the value to the participant. Instead of \"Product Research Study,\" try \"Help Shape the Future of [Product Name].\"\n2. **Use the subheadline for context.** Add a brief supporting line that sets expectations or builds curiosity.\n3. **Keep the description short.** Two to three sentences that answer \"What is this?\" and \"Why should I participate?\"\n4. **Set time expectations.** Use trust badges to show estimated duration. Participants are more likely to start when they know it will only take a few minutes.\n5. **Configure OG images.** If you are sharing on social media, an eye-catching preview image makes a big difference in click-through rates.\n6. **Choose a memorable slug.** A clean, descriptive URL is easier to share and looks more professional.\n\n## Next Steps\n\n- [Customizing Branding](/docs/customizing-branding) — edit your headline, subheadline, description, orb color, and OG images\n- [Sharing Your Interview Link](/docs/sharing-your-interview-link) — distribute your landing page to participants\n- [Voice Interview Experience](/docs/voice-interview-experience) — what happens after the participant clicks Start Voice Chat\n- [Text Interview Experience](/docs/text-interview-experience) — what happens after the participant clicks Start Text Chat\n- [Structured Questions Guide](/docs/structured-questions-guide) — learn about interactive question widgets in text interviews\n\n## Further reading on the blog\n\n- [AI-Moderated Interview Platforms Compared: Which One Actually Works? (2026)](/blog/ai-moderated-interview-platforms-2026) — Not all AI interview platforms deliver real qualitative depth. This guide compares the top AI-moderated interview platforms in 2026 — Koji, \n- [Best AI Customer Interview Tools in 2026: The Complete Buyer's Guide](/blog/best-ai-customer-interview-tools-2026) — AI has fundamentally changed how product teams conduct customer research. Here are the best AI customer interview tools in 2026 — ranked by \n- [Best Customer Churn Interview Tools (2026): The Top 8 Compared](/blog/best-customer-churn-interview-tools-2026) — A 2024 study found exit surveys match the real churn driver in only 31% of cases. The right interview tool fixes that. Here are the 8 best c\n\n<!-- further-reading:blog -->\n","category":"Interview Experience","lastModified":"2026-05-13T03:20:03.689176+00:00","metaTitle":"Interview Landing Page — Koji Docs","metaDescription":"See what participants encounter on the Koji interview landing page, including branding, mode selection, and trust badges.","keywords":["landing page","interview page","participant experience","mode selection","branding","trust badges"],"aiSummary":"The interview landing page is the first thing participants see. It features an animated orb, headline, subheadline, description, trust badges, language picker, and two separate start buttons for voice and text mode. A well-configured landing page builds trust and maximizes participation.","aiPrerequisites":["customizing-branding"],"aiLearningOutcomes":["Understand what participants see on the landing page","Know how mode selection works","Optimize the landing page for higher conversion","Configure Open Graph previews for social sharing"],"aiDifficulty":"beginner","aiEstimatedTime":"6 min read"}],"pagination":{"total":1,"returned":1,"offset":0}}