See exactly how TopDown creates professional explainers

From your first conversation with our AI to embedding your finished explainer

Complete workflow walkthrough

Loading interactive explainer...

The complete process, step by step

Here's exactly what happens when you create an explainer with TopDown

💬
Step 1

User conversation with Lomas

Tell our AI assistant Lomas about the feature you want to explain in natural language. No technical jargon required.

  • Describe your feature or process
  • Share your target audience
  • Mention key benefits to highlight
  • Add any specific requirements
Loading interactive explainer...
📋
Step 2

Strategic brief generation

Lomas analyses your input and creates a comprehensive strategic brief that captures your vision.

  • Extracts key information and context
  • Identifies core user journey
  • Defines visual approach
  • Creates content structure
Loading interactive explainer...
🤖
Step 3

Multi-agent design process

Our AI agents Lomas, Eidderf, and Notluoc work together to craft your explainer.

  • Lomas: Content strategy and flow
  • Eidderf: Visual design and animations
  • Notluoc: Interactions and user experience
  • Collaborative refinement process
Loading interactive explainer...
✅
Step 4

Quality assurance

Multi-layered quality checks ensure your explainer meets professional standards.

  • Content accuracy verification
  • Design consistency review
  • Performance optimisation
  • Cross-device testing
Loading interactive explainer...
🚀
Step 5

Final explainer delivery

Receive your professional explainer, ready to embed anywhere with one line of code.

  • Interactive web-based explainer
  • Embed code for any website
  • Analytics tracking included
  • Mobile-responsive design
Loading interactive explainer...
âš¡
Step 6

Website embedding

Copy and paste one line of code to embed your explainer anywhere on your website.

  • Universal embed code
  • Automatic responsive sizing
  • Performance optimised loading
  • SEO-friendly implementation
Loading interactive explainer...

Deep dive demonstrations

Explore each part of the process in detail

Loading interactive explainer...

Interactive Lomas Chat Demo

Experience a real conversation with our AI assistant

Natural language processingContext understandingIterative refinement
Loading interactive explainer...

Multi-Agent Visualisation

See how our AI agents collaborate on your explainer

Agent collaborationParallel processingQuality checks
Loading interactive explainer...

Before/After Comparison

Compare traditional explanations vs TopDown explainers

Side-by-side comparisonEngagement metricsConversion data
Loading interactive explainer...

Live Embedding Demonstration

Watch an explainer being embedded in real-time

One-line embedResponsive designPerformance metrics

Frequently asked questions

Everything you need to know about how TopDown works

How long does it take to create an explainer?

Most explainers are completed within 5-10 minutes. Complex explainers with premium QA review may take up to 30 minutes.

Can I make changes after the explainer is created?

Yes! You can iterate on your explainer by having another conversation with Lomas. Each revision uses additional credits based on the complexity of changes.

What if I'm not happy with the result?

We offer unlimited revisions within your credit allocation. Our AI learns from feedback to improve future explainers.

How do the AI agents work together?

Lomas handles strategy and content, Eidderf manages visual design and animations, and Notluoc focuses on interactions and user experience. They collaborate in real-time to create cohesive explainers.

Can I use my own brand colours and fonts?

Yes! Growth and Scale plans include custom branding options. You can specify your brand guidelines during the conversation with Lomas.

How does the embedding process work?

You'll receive a simple iframe embed code that works on any website. The explainer automatically adapts to your site's design and loads quickly.

Ready to create your first explainer?

Start with 50 free credits and see the process in action

Get Started Free →