All work
Case study 01 / 04AI · SaaS · Web

SiteForge

An AI-powered website builder that lets anyone launch a professional site through a simple conversation. No templates. No blank canvas. Just describe your business and watch it build.

Role
UX Designer
Platform
Web
Type
SaaS product
Focus
AI-assisted UX
SiteForge landing page: 'AI Website Builder that Meets your Needs' with a prompt input
01 — Overview

From “I need a website” to live, in one sitting.

SiteForge removes the friction of building a website from scratch. Instead of picking a template and staring at an editor, people describe their business through a guided AI conversation — and SiteForge generates a complete, branded website for them.

As the UX designer, I owned the end-to-end experience: the waitlist landing page, onboarding, AI generation, visual editing and publishing.

02 — The problem

Website builders ask non-designers to think like designers.

Existing tools are either too rigid (templates) or too complex (endless customisation). For first-time creators, both roads end the same way — they give up.

  1. Too many choices. Non-technical users feel overwhelmed by traditional builders.
  2. The blank canvas. Starting from nothing causes decision fatigue and high onboarding drop-off.
  3. Words and style. People struggle to write compelling copy and choose a consistent visual style.
  4. The learning curve. Drag-and-drop editors discourage first-time creators.
Key finding
Users don’t want more features — they want a confident starting point.

The biggest drop-off happens in the first three minutes, when people face a blank editor with no direction. An AI-guided onboarding meets them where they are and does the heavy lifting.

03 — Competitive research

I audited seven AI builders to find where they fall short.

I mapped each product’s onboarding flow, AI capabilities, editing experience and publishing friction. The gaps shaped every core decision behind SiteForge.

ZipWPWordPress-based, template-first flow.
DurableFast generation, limited editing afterwards.
Wix ADIConversational setup, heavy editor after.
Framer AIDesign-forward, too technical for non-designers.
10WebAI-assisted WordPress; complex for beginners.
Figma MakeDeveloper-oriented, not for non-technical users.
RelumeStrong layouts, but needs Figma/Webflow skills.
Competitive analysis matrix of seven AI website builders
Competitive audit: onboarding flows, AI capabilities and editing UX across seven AI website builders.

Opportunities this revealed

  1. Keep onboarding light — shrink the distance from first touch to first generated website.
  2. Avoid overwhelming interfaces — show only what’s needed, when it’s needed.
  3. Impressive by default — modern, high-quality layouts straight out of the box.
  4. Refine progressively — simplify options after generation, not all at once.
  5. Edits anyone can make — change anything, confidently, without design skills.
04 — User flow

No blank-canvas moments, anywhere.

Every step keeps the user in a confident, guided state. Notice where account creation sits — after people have seen their website, not before.

LandingDescribe businessAI generatesStyle & featuresInline editsCreate accountPublish
Detailed user flow diagram from landing page to publishing
Click to open the full-resolution flow.
05 — Visual system

Warm, energetic, and quietly confident.

Before any screens, I set SiteForge’s identity: a warm palette that feels approachable rather than technical, and a clean type system — Inter for headings, Manrope for body.

Flame#F95738
Apricot#EE964B
Sun#F4D35E
Parchment#EBEBD3
Accent navy#083D77
Aa

Inter — headings. Tight, clear hierarchy.

Aa

Manrope — body. Friendly, optimised for readability.

06 — Design

Thirteen screens, one confident journey.

From the waitlist page to the moment a site goes live. Click any screen to step through them full-size.

Waitlist landing page
Waitlist landing — the AI edit bar and domain options teased below the fold.
AI generating the website with progress feedback
Generating — immediate progress, never a blank wait.
First generated website preview
First preview — complete and branded.
Website details panel
Details panel — refine what the AI wrote.
Completed website details
Details confirmed.
Visual style selection
Style — one choice, applied everywhere.
Feature selection toggles
Features — toggles, not settings.
Business information input
Business info — personalises tone and layout.
Inline element editing
Inline editing — click anything to change it.
Account creation prompt
Account prompt — only at publish time.
Login screen
Login — a clear path back to the editor.
Publish confirmation popup
Publish — one clear call to action.
Website published success state
Live — celebrate, then guide.
07 — Learnings

What designing for AI taught me.

01

Trust is earned slowly

People needed to see the AI’s reasoning before trusting its output. Showing why a layout was chosen made a measurable difference in acceptance.

02

Undo is everything

AI-generated content felt risky without an obvious way back. Prominent undo/redo was essential to confidence.

03

Defaults beat options

A strong starting point — even an imperfect one — consistently outperformed showing multiple choices upfront.

04

Delay the account

Asking for sign-up before people saw value caused drop-off. Moving it to the publish step kept them engaged.