Herosite

• 

  Our Herosite Mascot

Inspiration

Having owned a web design company since 2002 and deployed hundreds of client websites, I noticed a universal bottleneck: Entrepreneurs get completely stuck on content generation. New founders are experts in their fields, but they are rarely expert marketers or copywriters. For over two decades, I watched projects stall for weeks simply because clients couldn't draft basic copy for their "About Me" or "Services" pages.

The core equation of website launch friction can be modeled as:

$$Friction = \frac{Complexity \times Pages}{AI\text{ }Assistance}$$

Herosite has been on my mind since early in my professional career, but it was technologically impossible until the advent of advanced Large Language Models. Gemini makes it possible to eliminate this friction entirely.

The hackathon portion of the project will focus on the logo generation piece. Businesses starting out need a logo which includes (a) business name and information (b) desired colours (c) industry norms (pulled from Gemini) and (d) desired fonts. All of these are building blocks that feed directly into the website building engine to be built following the hackathon.

What it does

Herosite turns future entrepreneurs into heroes by getting them completely online in under 24 hours, backed by a 100% money-back guarantee. Instead of overwhelming users with complex CSS editors or responsive viewport tools, Herosite uses an intuitive, natural language interview via Gemini 3.5 Flash to extract their business story.

The system takes basic conversational answers about their services, history, and target market, and uses AI to instantly extrapolate unique, high-converting copy for a complete 5-page business website alongside a custom vector brand identity and logo.

How we built it

Herosite is engineered using a hybrid architectural approach to maximize speed and system stability:

• The Orchestration Layer: Powered by Gemini 3.5 Flash inside Google AI Studio, utilizing managed agent sessions to maintain strict, stateful memory across multi-turn interviews.
• The UI Hybrid Loop: A dynamic frontend application that handles interactive selections (like choosing color swatches or Google Fonts) and injects those choices silently back into the AI's session memory.
• Code Generation: Leveraging Gemini's native code execution capabilities to dynamically output clean, responsive semantic code directly into sandboxed iframes for instantaneous customer previewing.
• The Monetization Gate: Integrated with Stripe Test/Production webhooks to validate paid transactions before the deep compute generation triggers.

Challenges we ran into

The primary architectural challenge was preventing "context drift" during long, exhaustive website structure interviews. Early testing showed that if an AI model handles the text chat and tries to manage granular UI loops (like counting user rejections on color shades), the conversational state degrades.

Accomplishments that we're proud of

We are incredibly proud of building a strict separation between the AI's logic and the user interface. By forcing Gemini to behave strictly as the Strategic Creative Director while leaving the UI loops to our frontend code, we achieved lightning-fast token latency and absolute state predictability. We are also proud to launch with a monetized paywall from day one, proving immediate commercial validation.

What we learned

We learned that brand new entrepreneurs do not care about advanced technical customization tools during day one of their launch; they just care about planting their digital flag. We learned to design our AI prompts to lean into localized linguistic preferences dynamically based on the user's browser location header (e.g., matching US vs. UK English preferences transparently).

What's next for Herosite

With a live, revenue-generating product running within the 90-day XPRIZE window, our next step is to introduce advanced dashboard customizations and automated SEO indexing tools after the customer's site is already live. Once the 24-hour launch promise is fulfilled, we will scale Herosite into a comprehensive post-launch growth ecosystem for global small businesses.

Built With

• cfml
• mysql
• tailwind