Mosaic – AI Website Builder
Design that learns who you are.
Project Type
Website App
Project Timeline
April 2025 - May 2025
My contributions
UI / UX Design
Team
UI/UX Designer
Overview
How can AI make web creation personal again?
In a world flooded with one-click templates, most websites end up looking the same. Mosaic reimagines what happens when AI acts less like a machine and more like a creative partner — learning from your words, tone, and aesthetic preferences to design something that actually feels you.
This concept explores a next-generation AI platform that transforms natural language prompts into fully editable, human-crafted websites — giving people freedom, speed, and individuality in one seamless flow.
The Problem
Modern site builders promise simplicity but deliver sameness.
Users either:
😩 Get overwhelmed by design decisions
🍪 Accept cookie-cutter templates that strip away personality
The missing piece? Empathy in automation — tools that understand human intent, not just structure.
Insight
Through rapid research and analysis of existing builders (Wix, Framer AI, Squarespace), I found a pattern:
🫥 The less a user knows about design, the more their identity gets lost.
That became the design principle for Mosaic:
🪞 Make AI a mirror of human personality, not a replacement for it.
Approach
The experience starts conversationally.
Instead of dragging and dropping, users tell Mosaic who they are:
Approach
From this short exchange, the AI generates:
A color palette reflecting tone and emotion
Layout recommendations based on purpose (portfolio, startup, resume)
Copy suggestions written in the user’s voice
A modular website preview that updates in real time
The flow moves from expression → generation → personalization.
User Flow
Landing Page
Clean and easy to scan — no clutter, just clear structure and purpose. Users instantly understand what Mosaic does and where to begin.
User Flow
Onboarding
A few light, intuitive clicks guide users through defining their goals and style. Questions cover purpose, audience, tone, and color palette — enough to personalize without overwhelm.
Customization
A few light, intuitive clicks guide users through defining their goals and style. Questions cover purpose, audience, tone, and color palette — enough to personalize without overwhelm.
Reflection

