Marketing site with an AI chatbot

A complete marketing website for a workflow automation tool, built from an existing brand manual and an old site as reference. Feature grid, testimonials, and pricing, now in English and Spanish, with an AI chatbot answering visitor questions.

Overall stats

  • Prompts: 3
  • Time: ~ 35 min
Category
SaaS & Marketing
Features
Custom DesignWebsiteAI ChatbotMultilingual
Author
Macaly
Custom Design

1. Build the site from brand assets

First, I built the whole site from what was already there. The uploaded brand manual set the colors, type, and voice, and the old site gave me the structure to modernize.

Build a marketing website for Flowkit, a workflow automation tool for teams. Use the attached brand manual for colors, typography, and tone, and use [old website URL] as a reference for structure and content. Include a hero, feature sections, testimonials, pricing, and a footer.

Multilingual

2. Add a Spanish version

Then I made it reach further. Instead of a hand-built second copy, I set up a proper i18n structure: content lives in translation files, the language switcher swaps them live, and adding another language later is just one more file.

Add a Spanish version of the site with a language switcher. Translate all page content.

AI Chatbot

3. Add an AI chatbot

Last, I gave visitors someone to ask. A floating chatbot answers questions about Flowkit, with a few suggested questions to get started.

Add an AI chatbot that answers customer questions about Flowkit, its pricing, and integrations. Include a few suggested questions on first open.

What the agent did

  • Brand identity carried over from the manual

    The site pulls directly from the uploaded brand manual: dark green as the primary color, a clean sans-serif for headlines, and a warm off-white background. Nothing here reads as a default template.

  • Bento-style feature grid

    Four cards sit in a responsive grid, each with its own small preview: a mini chart, a toggle list, integration icons in an orbit.

  • Customer testimonials section

    Quotes from customers sit alongside their name, title, and company, giving the page social proof beyond the feature list.

  • Multilingual site support

    very section of the site, hero copy through footer, has a full translation behind a language switcher. Nothing is left in the original language by accident, and more languages can be added the same way.

  • AI chatbot with suggested questions

    A floating chat widget opens with three suggested questions, what Flowkit is, pricing, and integrations, so visitors do not have to think of what to ask first.

Winner winner chicken dinner