merged data info and created one mvp.md
This commit is contained in:
@ -1,259 +1,213 @@
|
||||
> **"Odpovedzte na pár otázok a AI vám vytvorí web."**
|
||||
# WebWizard - Produktova specifikacia MVP
|
||||
|
||||
wizard vytiahne:
|
||||
WebWizard je **AI website concierge**: pouzivatel odpovie na kratky wizard a system z tychto odpovedi pripravi exportovatelny staticky web.
|
||||
|
||||
* názov firmy
|
||||
* odvetvie
|
||||
* lokalita
|
||||
* služby
|
||||
* komu predávate
|
||||
* kontakt
|
||||
* farby
|
||||
* štýl
|
||||
* máte logo?
|
||||
* chcete formulár?
|
||||
* chcete cenník?
|
||||
* chcete galériu?
|
||||
* jazyky?
|
||||
|
||||
výstup bude násobne lepší.
|
||||
Cielom MVP nie je vytvorit plnohodnotny website builder. Pouzivatel nema rucne presuvat bloky ani ladit pixely. MVP zbiera kvalitne vstupy, vygeneruje obsah, vyrenderuje web a umozni export.
|
||||
|
||||
---
|
||||
|
||||
## 3. Psychologicky jednoduchšie
|
||||
## 1. Produktovy ciel
|
||||
|
||||
"Vyplniť formulár" je bežná vec.
|
||||
Pouzivatel bez technickych znalosti ma ziskat prvy pouzitelny web pre firmu alebo projekt.
|
||||
|
||||
"Vytvoriť web" je mentálne náročné.
|
||||
MVP musi vyriesit:
|
||||
|
||||
* zber dolezitych informacii cez wizard,
|
||||
* AI vytvorenie textoveho obsahu v strukturovanom JSON formate,
|
||||
* renderovanie statickeho HTML/CSS z JSON dat,
|
||||
* export webu bez build procesu,
|
||||
* volitelny kontaktny formular,
|
||||
* zakladnu ochranu osobnych udajov.
|
||||
|
||||
MVP nesmie riesit:
|
||||
|
||||
* registraciu domen,
|
||||
* DNS,
|
||||
* automaticke nasadenie na domenu,
|
||||
* SSL,
|
||||
* databazu,
|
||||
* frameworky,
|
||||
* React, Vue, Angular ani TypeScript.
|
||||
|
||||
---
|
||||
|
||||
# Ako by to mohlo vyzerať
|
||||
## 2. Zakladny tok pouzivatela
|
||||
|
||||
## krok 1 — typ biznisu
|
||||
|
||||
Výber:
|
||||
|
||||
* Reštaurácia
|
||||
* Kaderníctvo
|
||||
* Autoservis
|
||||
* Advokát
|
||||
* Ubytovanie
|
||||
* Realitka
|
||||
* IT firma
|
||||
* Živnostník
|
||||
* Iné
|
||||
|
||||
Toto je super, lebo môžeš mať predpripravené prompty/template.
|
||||
|
||||
Napr.:
|
||||
|
||||
restaurant prompt ≠ lawyer prompt
|
||||
1. Pouzivatel otvori wizard.
|
||||
2. Vyberie typ podnikania a podkategoriu.
|
||||
3. Zada identitu firmy, kontaktne udaje a potvrdi GDPR suhlas.
|
||||
4. Vyplni sluzby, smart odpovede, vizualny styl, moduly, jazyk a obrazky.
|
||||
5. System ulozi odpovede ako `wizard_data`.
|
||||
6. Backend vytvori ulohu pre DAIAPI.
|
||||
7. DAIAPI vrati **iba strukturovany JSON obsah**.
|
||||
8. Rendering layer vytvori HTML/CSS z JSON dat.
|
||||
9. Pouzivatel uvidi preview a moze pregenerovat obsah alebo exportovat web.
|
||||
|
||||
---
|
||||
|
||||
## krok 2 — základné info
|
||||
## 3. Wizard vstupy
|
||||
|
||||
Otázky:
|
||||
Wizard zbiera minimum povinnych udajov a ostatne hodnoty doplna cez smart defaults.
|
||||
|
||||
**Ako sa volá vaša firma?**
|
||||
Povinne vstupy:
|
||||
|
||||
**Čomu sa venujete?**
|
||||
* typ podnikania,
|
||||
* podkategoria alebo vlastny popis,
|
||||
* nazov firmy alebo projektu,
|
||||
* email alebo telefon,
|
||||
* GDPR suhlas.
|
||||
|
||||
**V akom meste pôsobíte?**
|
||||
Volitelne vstupy:
|
||||
|
||||
**Telefón**
|
||||
|
||||
**Email**
|
||||
|
||||
**Adresa**
|
||||
* slogan,
|
||||
* adresa,
|
||||
* mesto/region,
|
||||
* sluzby,
|
||||
* cennik,
|
||||
* otvaracie hodiny,
|
||||
* benefity,
|
||||
* referencie,
|
||||
* socialne siete,
|
||||
* logo,
|
||||
* obrazky,
|
||||
* farebna paleta,
|
||||
* styl,
|
||||
* jazyk,
|
||||
* kontaktny formular.
|
||||
|
||||
---
|
||||
|
||||
## krok 3 — služby
|
||||
## 4. AI generovanie obsahu
|
||||
|
||||
Checkboxy + vlastné položky
|
||||
AI nikdy negeneruje priamo HTML, CSS ani JavaScript.
|
||||
|
||||
Pre autoservis:
|
||||
|
||||
☑ výmena oleja
|
||||
☑ pneuservis
|
||||
☑ geometria
|
||||
☑ diagnostika
|
||||
☑ klimatizácia
|
||||
|
||||
AI už vie z toho skladať sekcie.
|
||||
|
||||
---
|
||||
|
||||
## krok 4 — vzhľad
|
||||
|
||||
"Aký štýl chcete?"
|
||||
|
||||
* Moderný
|
||||
* Luxusný
|
||||
* Firemný
|
||||
* Minimalistický
|
||||
* Kreatívny
|
||||
* Technický
|
||||
|
||||
Farby:
|
||||
|
||||
* modrá
|
||||
* zelená
|
||||
* tmavá
|
||||
* svetlá
|
||||
* podľa loga
|
||||
|
||||
---
|
||||
|
||||
## krok 5 — obsah
|
||||
|
||||
"Čo má web obsahovať?"
|
||||
|
||||
☑ Úvodná stránka
|
||||
☑ O nás
|
||||
☑ Služby
|
||||
☑ Cenník
|
||||
☑ Galéria
|
||||
☑ Kontakt
|
||||
☑ Formulár
|
||||
☑ FAQ
|
||||
|
||||
---
|
||||
|
||||
## krok 6 — obrázky
|
||||
|
||||
"Máte vlastné fotky?"
|
||||
|
||||
* upload
|
||||
alebo
|
||||
|
||||
"Použiť AI/stock obrázky"
|
||||
|
||||
---
|
||||
|
||||
## krok 7 — jazyk
|
||||
|
||||
* Slovenčina
|
||||
* Angličtina
|
||||
* oba
|
||||
|
||||
---
|
||||
|
||||
## krok 8 — preview
|
||||
|
||||
AI vygeneruje draft.
|
||||
|
||||
Možnosti:
|
||||
|
||||
* regenerovať design
|
||||
* regenerovať text
|
||||
* publikovať
|
||||
|
||||
---
|
||||
|
||||
# Ešte lepší hack
|
||||
|
||||
Nech AI kladie doplňujúce otázky.
|
||||
|
||||
Príklad:
|
||||
|
||||
user vyberie "reštaurácia"
|
||||
|
||||
AI sa opýta:
|
||||
|
||||
> Máte denné menu?
|
||||
> Rezervácie?
|
||||
> Donášku?
|
||||
> Otváracie hodiny?
|
||||
|
||||
Pri advokátovi úplne iné.
|
||||
|
||||
Toto bude pôsobiť smart.
|
||||
|
||||
---
|
||||
|
||||
# Architektúra (prakticky)
|
||||
|
||||
Keďže ste hosting firma, šiel by som:
|
||||
|
||||
wizard JSON input:
|
||||
AI generuje **content layer**:
|
||||
|
||||
```json
|
||||
{
|
||||
"business_type": "restaurant",
|
||||
"name": "Pizza Marco",
|
||||
"city": "Košice",
|
||||
"services": ["pizza", "delivery"],
|
||||
"style": "modern",
|
||||
"pages": ["home", "menu", "contact"],
|
||||
"language": ["sk"]
|
||||
"hero": {
|
||||
"headline": "Pizza Marco",
|
||||
"subheadline": "Poctiva pizzeria v Kosiciach",
|
||||
"cta_label": "Objednat"
|
||||
},
|
||||
"about": {
|
||||
"title": "O nas",
|
||||
"body": "Sme lokalna pizzeria..."
|
||||
},
|
||||
"services": [
|
||||
{
|
||||
"title": "Pizza na donasku",
|
||||
"description": "Rychla donaska po meste."
|
||||
}
|
||||
],
|
||||
"faq": [
|
||||
{
|
||||
"question": "Robite donasku?",
|
||||
"answer": "Ano, v ramci Kosic."
|
||||
}
|
||||
]
|
||||
}
|
||||
```
|
||||
|
||||
AI output:
|
||||
Rendering layer z tychto dat vytvori HTML.
|
||||
|
||||
* HTML/CSS/JS
|
||||
alebo
|
||||
* WordPress obsah + theme config
|
||||
alebo
|
||||
* statický web
|
||||
Vyhody:
|
||||
|
||||
Statický web by bol MVP najjednoduchší.
|
||||
* zmena sablony nevymaze obsah,
|
||||
* HTML je mozne opakovane pregenerovat,
|
||||
* pouzivatel nepride o data,
|
||||
* buduci editor moze upravovat JSON obsah bez prepisovania HTML.
|
||||
|
||||
---
|
||||
|
||||
# Pozor na scope creep
|
||||
## 5. Moduly webu
|
||||
|
||||
Nerob:
|
||||
"full website builder"
|
||||
MVP podporuje tieto moduly:
|
||||
|
||||
Rob:
|
||||
**AI website concierge**
|
||||
* uvodna sekcia,
|
||||
* o nas,
|
||||
* sluzby,
|
||||
* cennik alebo menu,
|
||||
* galeria,
|
||||
* referencie,
|
||||
* FAQ,
|
||||
* kontakt,
|
||||
* kontaktny formular.
|
||||
|
||||
Rozdiel obrovský.
|
||||
|
||||
Builder:
|
||||
|
||||
* user chce editovať všetko
|
||||
|
||||
Concierge:
|
||||
|
||||
* AI vytvorí web podľa odpovedí
|
||||
Kazdy modul je reprezentovany v JSON datovej vrstve a renderer rozhodne, ako bude vyzerat vo vyslednom HTML.
|
||||
|
||||
---
|
||||
|
||||
# Business model čo mi tu sedí
|
||||
## 6. Kontaktny formular
|
||||
|
||||
**Hosting + doména + AI web wizard**
|
||||
Kontaktny formular ma dva rezimy.
|
||||
|
||||
Príklad:
|
||||
### SMTP mod
|
||||
|
||||
**Starter**
|
||||
Pouzivatel zada:
|
||||
|
||||
* hosting
|
||||
* doména
|
||||
* AI web do 5 stránok
|
||||
* 1 generovanie
|
||||
* SMTP host,
|
||||
* port,
|
||||
* username,
|
||||
* password,
|
||||
* encryption (`none`, `tls`, `ssl`),
|
||||
* recipient email.
|
||||
|
||||
**Pro**
|
||||
Tieto udaje sa ulozia do konfiguracie exportovaneho webu. Pri exporte sa ku webu prilozi `emailer.php`, ktory spracuje POST z formulara a odosle email.
|
||||
|
||||
* neobmedzené regenerácie
|
||||
* viac jazykov
|
||||
* AI text rewriting
|
||||
* SEO suggestions
|
||||
### Lokalny mod
|
||||
|
||||
Ak pouzivatel SMTP nenastavi, formular zapisuje spravy do JSON suborov:
|
||||
|
||||
```text
|
||||
/messages/
|
||||
2026-06-11-123456.json
|
||||
```
|
||||
|
||||
Pri exporte sa prilozi `form-viewer.php`, ktory umozni jednoduche prezeranie sprav.
|
||||
|
||||
Minimalne zabezpecenie:
|
||||
|
||||
* heslo ulozene ako hash v konfiguracii,
|
||||
* PHP session po prihlaseni,
|
||||
* logout,
|
||||
* ochrana pred prezeranim bez prihlasenia.
|
||||
|
||||
---
|
||||
|
||||
# Moja obava
|
||||
## 7. Website Quality Requirements
|
||||
|
||||
Najväčší problém nebude AI.
|
||||
Kazdy vygenerovany web musi splnat:
|
||||
|
||||
Bude to:
|
||||
* mobile responsive layout pre telefon, tablet aj desktop,
|
||||
* zakladne SEO meta tagy: `title`, `description`, canonical relativne k exportu ak je pouzitelne,
|
||||
* OpenGraph meta tagy: `og:title`, `og:description`, `og:type`, volitelne `og:image`,
|
||||
* alt texty pre vsetky obsahove obrazky,
|
||||
* minimalnu accessibility: semanticke landmarky, jeden `h1`, logicka hierarchia nadpisov, citatelny kontrast, focus stavy,
|
||||
* validny HTML,
|
||||
* validny CSS,
|
||||
* ziadne JavaScript chyby v konzole,
|
||||
* ziadne externe zavislosti okrem explicitne povolenych fontov alebo obrazkov,
|
||||
* relativne URL,
|
||||
* fungovanie bez build procesu.
|
||||
|
||||
**"ešte mi presuňte to tlačidlo o 12 pixelov."**
|
||||
---
|
||||
|
||||
Preto by som free variant striktne uzavrel:
|
||||
## 8. Biznis pravidlo proti scope creepu
|
||||
|
||||
> "AI vygeneruje web automaticky. Manuálne úpravy ako platená služba."
|
||||
MVP je uzavrety concierge workflow.
|
||||
|
||||
Pouzivatel moze:
|
||||
|
||||
* zmenit odpovede vo wizard krokov,
|
||||
* pregenerovat obsah,
|
||||
* zmenit vizualny styl,
|
||||
* exportovat web.
|
||||
|
||||
Pouzivatel nemoze:
|
||||
|
||||
* rucne presuvat elementy,
|
||||
* editovat DOM ako v builderi,
|
||||
* spravovat domenu alebo hosting priamo z MVP.
|
||||
|
||||
Manualne upravy webu su mimo MVP a patria do buduceho editora alebo platenej sluzby.
|
||||
|
||||
Reference in New Issue
Block a user