AI-Powered

Website Builder Application

COMPANY

Studio - Self Editor

ROLE

UX Researcher & Designer

TECH STACK

Figma, FigJam

YEAR

2025

Introduction

Project Overview

Open Weaver Website Builder is a customer-facing product that simplifies website creation: users submit basic business details and instantly receive three custom-built websites—no design or technical knowledge required. The platform uses AI to build websites, making the process quick, personalized, and hassle-free. My role focused on designing the customer application while leveraging the existing design systems and components already established within our organization.

Problem Statement

Small business owners need a fast, low-effort way to launch a polished, professional website with domain, branding, and essential features—all at minimal risk or cost.

ABOUT

Key Objectives Within the Goal

Problem Statement

Small business owners need a fast, low-effort way to launch a polished, professional website with domain, branding, and essential features—all at minimal risk or cost.

Project Overview

Open Weaver Website Builder is a customer-facing product that simplifies website creation: users submit basic business details and instantly receive three custom-built websites—no design or technical knowledge required. The platform uses AI to build websites, making the process quick, personalized, and hassle-free. My role focused on designing the customer application while leveraging the existing design systems and components already established within our organization.

objectives

Introduction

Project Overview

Open Weaver Website Builder is a customer-facing product that simplifies website creation: users submit basic business details and instantly receive three custom-built websites—no design or technical knowledge required. The platform uses AI to build websites, making the process quick, personalized, and hassle-free. My role focused on designing the customer application while leveraging the existing design systems and components already established within our organization.

Problem Statement

Small business owners need a fast, low-effort way to launch a polished, professional website with domain, branding, and essential features—all at minimal risk or cost.

User Flow

The user flow maps out the complete journey from entering business details to successfully publishing a live website. It highlights both the main path and alternate flows, ensuring every possible user decision is accounted for. This clear mapping helped identify friction points early and guided the design of intuitive navigation, minimal steps, and clear decision points.

The user flow maps out the complete journey from entering business details to successfully publishing a live website. It highlights both the main path and alternate flows, ensuring every possible user decision is accounted for. This clear mapping helped identify friction points early and guided the design of intuitive navigation, minimal steps, and clear decision points.

Key objectives of the flow

Clarity

Efficiency

Flexibility

Conversion Focus

USER FLOW

Key Objectives Within the Goal

Our organization already had an established design system, which included a library of reusable components, color palettes, typography, spacing guidelines, and interaction patterns.

Key objectives of the flow

Using the existing design system reduced design time, minimized developer handoff friction, and maintained brand consistency across the product.

Consistent Design Language

Visual Hierarchy

Interactive Feedback

Accessibility

Responsive Layouts

Design System

Design System