New Demo Page
- Current demo page is expensive to maintain
- It rarely gets used
- It does a bad job at showing our full capabilities
- The added value over just creating account is low
Propsal
- Remove entire existing demo page
- Have a demo component instead that shows all capabilities as short screencasts
Zapier does a great job with that:
Demo Component Showcase
I'll create a demo component that showcases your capabilities through short screencasts, similar to Zapier's approach. This will be more maintainable and effectively highlight your product's features.
Key Features of This Demo Component
- Tab-Based Navigation: Users can easily switch between different feature demos.
- Video Showcases: Each feature is demonstrated with a short screencast (placeholder images are used in this example, but would be replaced with actual videos).
- Feature Cards: Visual cards provide a quick overview of all available demos.
- Responsive Design: Works well on all device sizes from mobile to desktop.
- Low Maintenance: The component uses a simple data structure that makes it easy to update or add new feature demos.
- Call to Action: Clear CTAs encourage users to try the product after watching the demos.
Implementation Notes
- Replace the placeholder images and video URLs with actual screencast content.
- The demo videos should be short (1-3 minutes) and focused on specific features.
- You can easily add or remove features by updating the
featuresarray in thedemo-showcase.tsxfile. - The component can be placed on your homepage or on a dedicated demo page (I've included both options).
This approach addresses all the issues with your current demo page - it's easier to maintain, effectively showcases your capabilities, and provides clear value to potential users.
New Demo Page
- Current demo page is expensive to maintain
- It rarely gets used
- It does a bad job at showing our full capabilities
- The added value over just creating account is low
Propsal
- Remove entire existing demo page
- Have a demo component instead that shows all capabilities as short screencasts
Zapier does a great job with that.
We want to highlight the different capabilites of our platform. We're t he most easy-to-use and accurate platform for unstructured data. Some capabilities would be scrape, automate, monitor, transform, integrate, scale.
How can we show that in a single component on the landing page?
Unstructured Data Platform Demo Component
Based on your requirements and the Zapier reference, I'll create a compact, engaging demo component for your landing page that showcases your platform's capabilities for handling unstructured data.
How This Demo Component Works
This component effectively showcases your platform's capabilities for handling unstructured data in a single, engaging section on your landing page:
Key Features
- Visual Capability Cards: Each capability (scrape, automate, monitor, transform, integrate, scale) is represented by a card with an icon and brief description.
- Interactive Demo Videos: When a capability is selected, users see a video demonstration of that feature in action (you would replace the placeholders with actual screencasts).
- Key Highlights: Each capability includes bullet points highlighting the most important aspects of that feature.
- Responsive Design: The layout adapts beautifully from mobile to desktop, with a side-by-side layout on larger screens.
- Visual Branding: Each capability has a subtle color gradient that helps users visually distinguish between different features.
- Clear CTAs: "Try Now" and "Learn More" buttons encourage immediate action after watching a demo.
Implementation Notes
- Replace Placeholders: You'll need to replace the placeholder images/videos with actual screencasts demonstrating each capability.
- Video Length: Keep each demo video short (1-2 minutes) and focused on showing the specific capability in action.
- Highlight Real Use Cases: Each screencast should demonstrate solving a real problem that your target audience faces.
- Consistent Format: Maintain a consistent format across all demo videos (intro → problem → solution → results).
- Easy Updates: The component uses a data structure that makes it simple to update content or add new capabilities.
This approach addresses all the issues with your current demo page:
- Lower maintenance cost: A single component with focused screencasts
- Better showcase of capabilities: Visual demonstrations of each key feature
- Clear value proposition: Shows exactly what your platform can do before users create an account
- Engaging format: Interactive and visually appealing
The component is designed to fit seamlessly into your landing page while effectively communicating your platform's value proposition for handling unstructured data.