Halaman Arahan dan Dasbor SaaS Kolaborasi AI

An editorial SaaS product exploration mockup for an AI agent collaboration platform named [AgentBoard], displayed side by side on a warm off-white background with subtle grain and faint vignette. Wide 4:3 composition showing two rounded browser-like panels with soft drop shadows separated by a narrow gutter. Left Screen (Marketing Landing Page): - Top nav bar: "AgentBoard" logo at top-left, centered links for Product, Solutions, Resources, Pricing, and on the right "Log in" plus a dark green "Start for free" button. - Hero area: Pill tag reading "AI-NATIVE WORKSPACE", headline "One board. Many agents. Real outcomes." with "Real outcomes." in green italics, subtext "Plan, build, and ship work—together.", and CTAs: dark green "Start for free" and outlined "Book a demo". - Isometric workflow diagram beside the hero text with 5 connected cards: Research Agent, Strategy Agent, Content Agent, Design Agent, Data Agent, linked with curved connector lines and status chips (Done, In progress). - 4 metric tiles below: "2.4M+ Tasks automated", "180K+ Agents this month", "98.6% On-time", "4.9★ User rating". - Integration row "Connects with the tools you use" with 7 icons: Slack, Notion, GitHub, Figma, Google Drive, HubSpot, "+ More". - Testimonial card with female headshot: "AgentBoard gives us complete visibility and keeps our team aligned." — Sarah Chen, Head of Product, Northline. - 4 bottom feature items with line icons: Visual workspace, Multi-agent collaboration, Real-time progress, Secure & governed. Right Screen (Product Dashboard): - Top bar: "AgentBoard" logo, tabs for Workspace, Agents, Integrations, Data, Reports, an Invite button, 5 user avatars, "+3" badge, dropdown chevron. - Left sidebar for "Acme Inc." with 11 items: Home, Inbox (badge 8), Boards, Agents, Workflows, Data, Reports, Integrations, Settings, Help, Collapse. - Header: Title "[Q2 Go-to-Market Launch]" with green "Live" badge, subtitle "Coordinating agents across research, strategy, content, design, and ops.", Share and dark green Add agent buttons. - 4 sub-tabs: Board (active), Progress, Outputs, Activity. - Canvas area: 6 connected workflow cards linked left-to-right (Research Agent "Market & audience research" Done; Data Agent "Performance analysis" Done; Strategy Agent "Go-to-market plan" In progress; Content Agent "Messaging & content framework" In progress; Design Agent "Creative concepts & brand" In progress; Ops Agent "Launch readiness & checklist" In progress) leading to a queued 7th card: Analytics Agent "Performance forecast". Control buttons at top right (search, layout, fit, zoom 100%). - KPI strip: Live progress 72% with green bar, 9 Active agents, 24 Tasks running, 156 Tasks completed, 92% On-time, and "View all runs" button. - Recent outputs section with 4 document cards: GTM Strategy Brief, Messaging Framework, Creative Concepts, Performance Forecast. - Recent runs table with 5 rows: Q2 Go-to-Market Launch, Customer Onboarding Revamp, Pricing Strategy Analysis, Brand Refresh Campaign, Enterprise Sales Playbook with status badges and durations. - Bottom composer input bar with placeholder "What would you like the agents to work on?", Attach and Add context buttons, "All agents" dropdown, green submit button. Style: Premium minimal startup aesthetic, crisp typography with serif display headlines and clean sans-serif UI, muted forest green accents, pale beige cards, ultra-refined UI layout.