Page 1 of 5
Astik AI System Requirements Document
Introduction
Astik AI is a premium, dynamic, conversion-focused website designed to offer "Qualified Meetings as a Service." This service is aimed at providing qualified B2B meetings for companies with high-value services, focusing on building and operating the complete outbound pipeline. The service is launching in two primary markets: the USA and the UAE.
System Overview
Astik AI's primary service is to facilitate qualified meetings for B2B companies by managing the entire outbound pipeline. This includes selecting target accounts, verifying decision-makers, conducting personalized email outreach, and scheduling qualified meetings. The service is tailored to specific client niches in the USA and UAE markets.
USA Campaign
- Clients Served: IT services, managed service providers, cloud consultancies, and cybersecurity firms with 5–50 employees.
- Meetings Generated: Decision-makers at US companies with IT, cloud, managed services, or cybersecurity needs.
- Founding Offer: $500 for the first founding client, standard pilot price of $1,000, with a 30-day pilot including 100 target accounts and up to three decision-makers per account.
UAE Campaign
- Clients Served: Accounting, tax, compliance, and business-setup firms with 5–50 employees.
- Meetings Generated: Decision-makers at UAE SMEs needing company incorporation, VAT, corporate tax, compliance, bookkeeping, or accounting services.
- Founding Offer: AED 1,500 for the first founding client, standard pilot price of AED 2,500, with a 30-day pilot including 100 target accounts and up to three decision-makers per account.
Page 2 of 5
Functional Requirements as Story Points
- As a User, I should be able to explore the founding offer with a clear CTA.
- As a User, I should be able to switch between USA and UAE markets using an interactive selector.
- As a User, I should see dynamically updated content based on the selected market.
- As a User, I should be able to understand how the service works through an animated five-stage pipeline.
- As a User, I should be able to view deliverables clearly listed on the website.
- As a User, I should be able to understand the qualification standards for meetings.
- As a User, I should be able to view the performance section with campaign success thresholds.
- As a User, I should be able to trust the service through a section on safeguards and responsible outreach.
- As a User, I should be able to learn about additional Astik AI services.
- As a User, I should be able to navigate the website using sticky navigation links.
- As a User, I should be able to find answers to common questions in the FAQ section.
- As a User, I should be able to contact Astik AI via email through a clear CTA.
User Personas
- Admin: Manages the website content and updates campaign information.
- User: Potential clients looking for qualified B2B meetings.
- Guest: Visitors exploring Astik AI's services without immediate intent to purchase.
Core User Flows
- User explores the founding offer -> User selects market (USA/UAE) -> Content updates dynamically -> User views service workflow -> User contacts Astik AI via email.
- Admin updates campaign information -> Admin accesses configuration file -> Admin modifies campaign details -> Changes reflect on the website.
Page 3 of 5
Visuals Colors and Theme
- primary: #001F3F (Deep Navy)
- primary_light: #004080 (Lighter Navy)
- secondary: #228B22 (Forest Green)
- accent: #00CED1 (Mint/Teal)
- highlight: #4B0082 (Electric Indigo)
- bg: #F5F5F5 (Warm Off-White)
- surface: #FFFFFF (White)
- text: #000000 (Black)
- text_muted: #555555 (Gray)
- border: #DDDDDD (Light Gray)
Signature Design Concept
Interactive Market Selector and Animated Pipeline
The homepage features an interactive market selector that allows users to switch between USA and UAE campaigns. This selector dynamically updates the content, including client niches, pricing, and CTAs, with smooth transitions. Below the selector, an animated five-stage pipeline visually represents the service workflow. Each stage is interactive, allowing users to hover over elements to reveal more details about the process. The design uses deep navy and forest green as foundational colors, with mint or teal accents and electric indigo highlights to create a premium and dynamic experience.
Page 4 of 5
Landing Hero Motion Brief
The landing hero features a dynamic illustration of a pipeline where inputs (target accounts) flow through stages of verification, outreach, and qualification, culminating in a scheduled meeting. The animation loops every 10 seconds, with each stage highlighted as the process progresses. The hero section includes the headline "Meet buyers who already have a reason to talk," with a primary CTA to explore the founding offer. The animation respects prefers-reduced-motion settings, providing a static alternative for users who prefer less motion.
Interaction Model & Motion Direction
- Interaction Model: Animated
- Landing/Home Page: Features moderate scroll-triggered reveals, hover transitions, and spring physics on interactive elements.
- Internal Pages: Static layout with minimal motion for clarity.
Non-Functional Requirements
- Fully responsive design
- Accessible keyboard navigation
- Fast loading times
- SEO and Open Graph metadata
- Structured data for Astik AI and the service
- Clear focus states for accessibility
- Reusable components
- No placeholder copy or fake statistics
Page 5 of 5
Tech Stack
- Frontend: Next.js App Router, TypeScript
- Backend: Not specified, default to Python and FastAPI if needed
- Database: Not specified, default to MySQL or MariaDB if needed
- AI Models: Not specified, default to GPT 5.4 if needed
- Local Orchestration: Docker, docker-compose
- Server-side Orchestration: Kubernetes
Assumptions and Constraints
- Campaign information is centralized in
qualified-meetings-config.ts.
- The website must not activate outreach from the public interface.
- All changeable campaign information is managed through a configuration file.
Glossary
- Qualified Meetings as a Service: The primary service offered by Astik AI, focusing on generating qualified B2B meetings.
- CTA: Call to Action, a prompt for users to take a specific action.
- Pipeline: The process flow from selecting target accounts to scheduling meetings.
- Market Selector: An interactive feature allowing users to switch between USA and UAE campaigns.
No comments yet. Be the first!