Interview Landing Page

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.

What Participants See

When someone clicks your interview link, they arrive at a branded page that includes:

The Animated Visual Element

At the top of the page, participants see an animated visual element that gently pulses and responds to interaction. This creates a modern, inviting first impression that signals the interview is powered by conversational technology rather than a traditional form or survey.

Project Headline

Below the visual element, 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.

Default headline: Your project name.

You 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 for how to edit this.

Description

Below the headline, a short description provides additional context. This is your chance to explain:

• What the interview covers
• Why the participant's input matters
• How the feedback will be used

Keep it to two or three sentences. Participants are deciding whether to commit their time, so be clear and concise.

Trust Badges

The landing page can display trust badges — small indicators with icons and labels that reassure participants. Examples include:

• Confidential — responses are kept private
• 5-10 minutes — sets time expectations
• Anonymous — no personal information required

These badges are configurable and can use different icons (shield, clock, star, check, lock, heart). They appear in a subtle row below the description.

Mode Selection

If both voice and text modes are enabled, participants see a mode selector asking "How would you like to chat?" with two clear options:

• Voice (labeled as Recommended) with an estimated duration of ~10 minutes
• Text with an estimated duration of ~15 minutes

The voice option is highlighted as recommended by default because voice interviews tend to produce richer, more natural responses. However, participants can choose whichever mode they prefer.

If your project is configured for a single mode (voice-only or text-only), the selector does not appear and participants proceed directly.

Start Button

A prominent start button sits below the mode selector. The button text is customizable — it might say "Start Interview," "Begin Conversation," or something that matches your brand voice.

The Intake Form (Optional)

If you have configured an intake form, it appears after the participant clicks the start button. The form collects information like name, email, or custom fields before the interview begins.

If no intake form is configured, clicking the start button launches the interview immediately.

How the Landing Page Adapts

Imported Participants

When a participant arrives via a unique tracking link (from a CSV import), their pre-filled data is loaded automatically. If the intake form is enabled, their fields appear already populated.

Embedded Interviews

When the interview is loaded through 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.

Mobile Devices

The landing page is fully responsive. On mobile, the layout adjusts to fit smaller screens, and the mode selector stacks vertically for easier tapping.

Capacity Reached

If your study has reached its response limit, participants see a friendly overlay letting them know the study is currently full. This prevents over-collection and helps you stay within your plan's limits.

Open Graph Preview

When your interview link is shared on social media, email previews, or messaging apps, the Open Graph metadata controls what people see. This includes:

• Title — your project headline
• Description — your project description
• Image — a custom OG image if you have uploaded one

A polished OG preview significantly increases click-through rates, especially on LinkedIn and Slack. Configure yours in the Customizing Branding settings.

Design and Theming

The landing page follows Koji's design system with a clean, modern aesthetic. It uses your configured theme (dark or light) and centers the content for a focused, distraction-free experience.

The 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.

What Makes a Good Landing Page

Here are a few tips for maximizing conversion from landing page visitor to interview participant:

1. Write a compelling headline. Focus on the value to the participant. Instead of "Product Research Study," try "Help Shape the Future of [Product Name]."
2. Keep the description short. Two to three sentences that answer "What is this?" and "Why should I participate?"
3. Set time expectations. Use trust badges to show estimated duration. Participants are more likely to start when they know it is only 10 minutes.
4. Use a clear start button. The default works well, but customizing the text to match your audience can help. "Share My Feedback" feels different from "Start Interview."
5. Configure OG images. If you are sharing on social media, an eye-catching preview image makes a big difference in click-through rates.

Next Steps

• Customizing Branding — edit your headline, description, and OG images
• Voice Interview Experience — what happens after the participant clicks Start in voice mode
• Text Interview Experience — what happens after the participant clicks Start in text mode