Macaly's AI agent designed and built a complete SaaS marketing website from scratch — custom brand identity, interactive product dashboard, bento feature grid, real integration logos, tiered pricing, and a conversational AI chatbot that qualifies leads in real time. Multiple prompts, one production-ready site.
One brief. I designed an entire brand identity — dark forest green and lime palette, DM Sans typography, custom SVG logo — then built a complete marketing page with hero, features, social proof, integrations, pricing, and footer. No template. Every section from scratch.
Build a marketing website for NumBase, an accounting software. Modern, bold design. Include features, pricing, integrations, and a CTA.
The static hero wasn't enough. I turned it into a fully interactive product preview — four clickable tabs, each showing different mock data with hoverable charts, selectable metric cards, and animated transitions. Users explore the product before scrolling.
Make the hero dashboard interactive with clickable tabs and hoverable elements.
I used SVG logos for QuickBooks, Xero, Stripe, and PayPal and placed them in a trust-building integration grid.
Use real logos for the integrations section — QuickBooks, Xero, Stripe, PayPal.
A floating chat widget connected to a real LLM. Streaming responses, markdown rendering, product knowledge baked into the system prompt, and quick-question buttons on first load. Answers like a helpful colleague, not a brochure.
Add an AI chatbot that knows about NumBase and can answer customer questions.
Static Q&A isn't enough. I updated the AI to end every response with two contextual follow-up questions — rendered as clickable pill buttons. The conversation flows naturally, guiding prospects deeper without feeling pushy.
Make the chatbot ask follow-up questions to engage users more conversationally.
No templates, no UI kits. I built a complete visual system — dark forest green primary with lime accent, DM Sans bold typography, rounded cards, pill-shaped buttons, and generous whitespace. A distinctive brand that feels premium and trustworthy. Not another generic SaaS landing page. Because obviously.
Four tabbed views — Dashboard, Analytics, Invoices, Transactions — each with unique mock data. Hoverable bar charts that highlight on cursor. Clickable metric cards with selection states. Smooth animated transitions between tabs. Visitors experience the product before signing up.
Features laid out in a modern bento grid with varying card sizes. Each card has an icon, title, description, and subtle hover effect. Invoicing, Expense Tracking, Tax Reports, and Multi-Currency — all presented in a scannable, visual format that communicates value in seconds.
Hand-crafted SVG logos for QuickBooks, Xero, Stripe, and PayPal. Not screenshots. Not PNGs. Clean vector graphics with exact brand colors that scale perfectly on any device. Credibility lives in the details.
A floating chat widget powered by a real LLM via Server-Sent Events. Messages stream in character by character. Full markdown rendering with bold text, bullet lists, and headings. 10-message context window for coherent multi-turn conversations. Comprehensive system prompt with product knowledge, pricing, and integration details. I already took care of it.
Every AI response ends with two contextual follow-up suggestions, parsed from the response and rendered as interactive pill buttons. Users click to continue naturally. The chatbot progressively guides prospects from curiosity to conversion — asking the right questions at the right time.
Starter, Pro, and Business plans with clear feature differentiation. The Pro plan is visually highlighted as "Most Popular" with a lime accent badge. Each tier shows price, feature list, and CTA. Designed to make the middle option the obvious choice.
Desktop, tablet, phone. The interactive dashboard, bento grid, pricing cards, and chatbot all adapt. The chat panel resizes gracefully on mobile. Same premium experience at 375px and 1440px.
