Llemu — AI Creative Studio

1. هدف سند

این سند مسیرهای اصلی حرکت و تعامل کاربر در محصول Llemu را تعریف می‌کند.

تمرکز این سند بر موارد زیر است:

نقاط ورود کاربر
مسیرهای اصلی Navigation
ارتباط میان بخش‌های مختلف محصول
مسیر ایجاد و مدیریت پروژه
مسیر کار در بوم
مسیر استفاده از ابزارهای هوشمند
مسیر تعامل با Llemu Agent
مسیر استفاده از بخش الهام
مسیر Onboarding کاربران جدید
مسیرهای اصلی Web و Mobile

این سند شامل جزئیات UI، UX Research، Design System، Visual Design یا Implementation نیست.

2. ساختار اصلی محصول

پس از ورود کاربر، بخش‌های اصلی محصول عبارت‌اند از:

بوم من — My Canvas
پروژه‌ها — Projects
ابزارهای هوشمند — Smart Tools
Llemu Agent
الهام — Inspiration
Token / Usage
Account / Settings

برای کاربران جدید، مسیر Onboarding نیز فعال می‌شود.

3. Entry Flow

3.1 کاربر جدید

Landing
↓
Sign Up
↓
Account Creation
↓
Onboarding
↓
Dashboard

3.2 کاربر موجود

Landing
↓
Sign In
↓
Dashboard

3.3 کاربر دارای Session

Entry
↓
Dashboard

4. Onboarding Flow

Onboarding مسیر آشنایی اولیه کاربر با Llemu است.

Account Creation
↓
Welcome
↓
Onboarding
↓
Product Introduction
↓
Feature Introduction
↓
Complete
↓
Dashboard

بخش‌های اصلی قابل معرفی در Onboarding:

بوم من
ابزارهای هوشمند
Llemu Agent
الهام
پروژه‌ها
سیستم Token

4.1 Product Tour

تور محصول می‌تواند پس از ورود کاربر یا در زمان دیگری اجرا شود.

Dashboard
↓
Start Tour
↓
Product Area
↓
Next
↓
Product Area
↓
Next
↓
Finish

پس از پایان:

Finish
↓
Dashboard

یا در صورت شروع تور از داخل بوم:

Finish
↓
My Canvas

4.2 Learning / Tutorial

کاربر می‌تواند آموزش یک قابلیت را مشاهده کند.

Learning / Help
↓
Select Topic
↓
Tutorial
↓
Complete
↓
Return to Previous Context

5. Dashboard Flow

Dashboard نقطه ورود اصلی کاربر پس از ورود به محصول است.

از Dashboard مسیرهای اصلی زیر در دسترس هستند:

Dashboard
│
├── My Canvas
├── Projects
├── Smart Tools
├── Llemu Agent
├── Inspiration
├── Token / Usage
└── Account / Settings

6. My Canvas

My Canvas محیط اصلی خلق و ویرایش کاربر در Llemu است.

مسیر ورود:

Dashboard
↓
My Canvas

کاربر در این محیط می‌تواند:

پروژه جدید ایجاد کند.
پروژه موجود را ادامه دهد.
با AI محتوا ایجاد کند.
عناصر را به صورت دستی ایجاد یا ویرایش کند.
عناصر مختلف را ترکیب کند.
از ابزارهای هوشمند استفاده کند.
از Llemu Agent برای انجام اقدامات استفاده کند.

7. New Project Flow

ایجاد پروژه جدید از طریق My Canvas:

Dashboard
↓
My Canvas
↓
New Project
↓
New Canvas
↓
Canvas Workspace

پس از ایجاد پروژه، کاربر وارد فضای اصلی بوم می‌شود.

8. Open Existing Project Flow

Dashboard
↓
Projects
↓
Select Project
↓
Open
↓
My Canvas
↓
Canvas Workspace

9. Creation Entry Points

کاربر می‌تواند فرآیند خلق را از چند نقطه مختلف آغاز کند.

از My Canvas

My Canvas
│
├── AI Creation
├── Manual Editing
├── Node Composition
├── Smart Tools
└── Llemu Agent

از Inspiration

Inspiration
↓
Template / Prompt
↓
My Canvas

از Smart Tools

Smart Tools
↓
Select Tool
↓
Result
↓
My Canvas

از Llemu Agent

Llemu Agent
↓
Request
↓
Action
↓
My Canvas

10. AI Creation Flow

مسیر تولید محتوا با هوش مصنوعی:

My Canvas
↓
AI Creation
↓
Enter Idea / Prompt
↓
Generate
↓
Processing
↓
Generated Results

پس از دریافت نتایج:

انتخاب نتیجه

Generated Results
↓
Select Result
↓
Add to Canvas

تولید مجدد

Generated Results
↓
Generate Again
↓
New Results

رد نتیجه

Generated Results
↓
Discard
↓
Creation State

11. Manual Editing Flow

مسیر ویرایش دستی:

My Canvas
↓
Select / Create Element
↓
Edit
↓
Update Canvas

عناصر اصلی:

Image
Text
Shape
AI-generated Content

12. Element Editing Flow

Canvas
↓
Select Element
↓
Edit Element
↓
Update
↓
Canvas

این جریان می‌تواند برای عناصر مختلف تکرار شود.

13. Node Composition Flow

یکی از مسیرهای اصلی Llemu، ترکیب چند عنصر برای ایجاد یک نتیجه جدید است.

My Canvas
↓
Add / Select Elements
↓
Connect Elements
↓
Define Prompt / Instruction
↓
Generate
↓
Generated Result

سپس:

Generated Result
↓
Add to Canvas

یا:

Generated Result
↓
Generate Again
↓
New Result

14. Smart Tools Flow

ورود به ابزارهای هوشمند

Dashboard
↓
Smart Tools
↓
Tools

ابزارهای تعریف‌شده:

Background Removal
Upscale
Style Transfer
Text to Icon

14.1 General Smart Tool Flow

Smart Tools
↓
Select Tool
↓
Select / Upload Content
↓
Configure
↓
Process
↓
Result

سپس:

Result
├── Apply
│   ↓
│   My Canvas
│
└── Discard

15. Smart Tools From My Canvas

کاربر می‌تواند ابزارهای هوشمند را مستقیماً روی یک عنصر موجود در بوم اجرا کند.

My Canvas
↓
Select Element
↓
Smart Tools
↓
Select Tool
↓
Process
↓
Result
↓
Apply
↓
My Canvas

16. Llemu Agent

Llemu Agent محیط تعامل متنی کاربر با Llemu است.

Agent می‌تواند درخواست کاربر را دریافت کرده و در صورت امکان، اقدام موردنظر را روی پروژه انجام دهد.

16.1 ورود به Agent

Dashboard
↓
Llemu Agent

یا:

My Canvas
↓
Llemu Agent

16.2 General Agent Flow

Llemu Agent
↓
Enter Request
↓
Agent Processes Request
↓
Response / Action

اگر درخواست شامل تغییر روی پروژه باشد:

Request
↓
Agent Action
↓
Result
↓
Apply
↓
My Canvas

16.3 Agent داخل My Canvas

My Canvas
↓
Llemu Agent
↓
Enter Request
↓
Agent Action
↓
Updated Canvas

نمونه درخواست:

سایه تصویر را کمتر کن.

یا:

یک کادر آبی دور سوژه ایجاد کن.

17. Inspiration Flow

ورود

Dashboard
↓
Inspiration

محتوای اصلی Inspiration:

Templates
Prompts
Examples

18. Template Flow

Inspiration
↓
Browse
↓
Select Template
↓
Preview
↓
Use Template
↓
My Canvas
↓
Customize

پس از شخصی‌سازی:

Customize
↓
Edit
↓
Final Result

19. Prompt Flow

Inspiration
↓
Select Prompt
↓
Preview
↓
Customize
↓
Generate
↓
Generated Result
↓
Add to My Canvas

20. Projects Flow

ورود

Dashboard
↓
Projects
↓
Project List

از Project List کاربر می‌تواند:

پروژه را باز کند.
پروژه جدید ایجاد کند.
پروژه را تغییر نام دهد.
پروژه را حذف کند.

21. Create Project From Projects

Projects
↓
New Project
↓
Create
↓
My Canvas

22. Project Open Flow

Projects
↓
Select Project
↓
Open
↓
My Canvas

23. Project Management Flow

Projects
↓
Select Project
↓
Project Actions

Actions:

Open
Rename
Delete

در صورت حذف:

Delete
↓
Confirmation
↓
Delete Project
↓
Projects

24. Save & Continue Flow

در طول کار:

My Canvas
↓
Create / Edit
↓
Project Updated
↓
Save / Auto Save

خروج از پروژه:

My Canvas
↓
Exit
↓
Projects / Dashboard

ادامه کار:

Projects
↓
Open Project
↓
My Canvas
↓
Continue Editing

25. Token / Usage Flow

مشاهده Token

Dashboard
↓
Token / Usage

یا:

My Canvas
↓
Token Status

AI Action

AI Action
↓
Check Token

Token کافی

Sufficient
↓
Process
↓
Result
↓
Token Updated

Token ناکافی

Insufficient
↓
Token / Usage
↓
Purchase / Upgrade

بخش Purchase / Upgrade در صورت نهایی شدن مدل اقتصادی محصول تکمیل خواهد شد.

26. Account Flow

Dashboard
↓
Account / Settings

جزئیات Account Flow در این سند تعریف نمی‌شود.

ساختار کلی Navigation:

                         ┌── My Canvas
                         │
                         ├── Projects
                         │
Dashboard ───────────────┼── Smart Tools
                         │
                         ├── Llemu Agent
                         │
                         ├── Inspiration
                         │
                         ├── Token / Usage
                         │
                         └── Account / Settings

محور اصلی محصول:

My Canvas
│
├── AI Creation
├── Manual Editing
├── Node Composition
├── Smart Tools
└── Llemu Agent

28. Core Creative Loop

چرخه اصلی خلق در Llemu:

Idea
↓
My Canvas
↓
Create
↓
Generate
↓
Select
↓
Canvas
↓
Edit
↓
Combine
↓
Generate Again
↓
Edit
↓
Final Result

این چرخه می‌تواند تا رسیدن به نتیجه نهایی چندین بار تکرار شود.

29. Alternative Creation Entry Points

شروع از My Canvas

Dashboard
↓
My Canvas
↓
Create

شروع از Inspiration

Dashboard
↓
Inspiration
↓
Template / Prompt
↓
My Canvas

شروع از Smart Tools

Dashboard
↓
Smart Tools
↓
Tool
↓
Result
↓
My Canvas

شروع از Llemu Agent

Dashboard
↓
Llemu Agent
↓
Request
↓
Action
↓
My Canvas

ادامه پروژه

Dashboard
↓
Projects
↓
Project
↓
My Canvas

30. Primary User Flows

جریان‌های اصلی محصول:

First Entry → Onboarding → Dashboard
Dashboard → My Canvas → New Project
Dashboard → Projects → Open Project → My Canvas
My Canvas → AI Creation → Generate → Canvas
My Canvas → Manual Editing → Canvas
My Canvas → Node Composition → Generate → Canvas
My Canvas → Smart Tools → Result → Canvas
Dashboard → Smart Tools → Result → My Canvas
My Canvas → Llemu Agent → Action → Canvas
Dashboard → Llemu Agent → Action → My Canvas
Dashboard → Inspiration → Template → My Canvas
Dashboard → Inspiration → Prompt → Generate → My Canvas
Dashboard → Projects → Manage Project
My Canvas → Save → Projects / Dashboard
AI Action → Token Check → Process / Insufficient Token

31. Mobile Flow

ساختار اصلی جریان‌های Mobile با Web یکسان است:

Entry
↓
Onboarding
↓
Dashboard
↓
My Canvas / Projects / Smart Tools / Agent / Inspiration

اما جریان‌های داخل My Canvas باید برای محیط Mobile و تعامل لمسی متناسب شوند.

مسیر اصلی:

Dashboard
↓
My Canvas
↓
Create / Edit
↓
Save
↓
Exit / Continue

Mobile نسخه کوچک‌شده Web در نظر گرفته نمی‌شود؛ جریان اصلی محصول یکسان است اما دسترسی به بخش‌ها و ابزارها باید متناسب با محیط Mobile باشد.

32. Out of Scope

این سند شامل موارد زیر نیست:

UX Research
User Persona
User Journey
Wireframe
UI Design
Design System
Visual Design
Technical Architecture
Development Flow
API Flow
Technical Implementation

33. Final Product Flow

مسیر سطح بالای محصول:

Entry
↓
Onboarding / Sign In
↓
Dashboard

از Dashboard:

My Canvas
→ Create / Edit / Generate

Projects
→ Open / Create / Manage

Smart Tools
→ Select Tool → Process → Result

Llemu Agent
→ Request → Response / Action

Inspiration
→ Template / Prompt → My Canvas

Token / Usage
→ Usage / Status

Account
→ Account Settings

و مرکز تجربه خلق:

My Canvas
↓
Create
↓
Generate
↓
Edit
↓
Combine
↓
Improve
↓
Final Result

My Canvas مرکز اصلی فعالیت کاربر در Llemu است و سایر بخش‌ها در صورت نیاز کاربر را به بوم بازمی‌گردانند.