Agent Macaly navrhl a postavil kompletní marketingový web pro SaaS od nuly. Vlastní vizuální identita, interaktivní produktový dashboard, mřížka funkcí, skutečná loga integrací, přehled cenových plánů a konverzační AI chatbot, který v reálném čase kvalifikuje potenciální zákazníky. Několik promptů, jeden web připravený k nasazení.
Jeden prompt. Navrhl jsem celou vizuální identitu: tmavě zelená jako primární barva, limetková jako akcent, písmo DM Sans, vlastní SVG logo. Pak jsem postavil kompletní marketingový web s hero sekcí, funkcemi, doporučeními, integracemi, cenovými plány a patičkou. Žádná šablona. Každá sekce vznikla od nuly.
Postav marketingový web pro NumBase, účetní software. Moderní, odvážný design. Přidej sekce s funkcemi, cenami, integracemi a výzvu k akci.
Statická hero sekce nestačila. Proměnil jsem ji v plně interaktivní náhled produktu se čtyřmi záložkami, z nichž každá zobrazuje jiná testovací data. Grafy reagují na pohyb kurzoru, karty metrik jsou klikatelné a přechody mezi záložkami jsou plynule animované. Uživatelé si produkt vyzkouší, ještě než začnou scrollovat.
Udělej hero dashboard interaktivní s klikatelnými záložkami a prvky reagujícími na najetí myší.
Použil jsem SVG loga pro QuickBooks, Xero, Stripe a PayPal a umístil je do mřížky integrací, která pomáhá budovat důvěru u zákazníků.
Použij skutečná loga v sekci integrací: QuickBooks, Xero, Stripe, PayPal.
Chatovací okno napojené na skutečnou AI. Odpovědi se zobrazují průběžně, text je přehledně formátovaný a chatbot zná produkt do detailu. Při prvním otevření nabídne rychlé otázky, aby uživatel věděl, na co se může zeptat. Odpovídá jako nápomocný kolega, ne jako reklamní leták.
Přidej AI chatbot, který zná NumBase a dokáže odpovídat na otázky zákazníků.
Statické otázky a odpovědi nestačily. Upravil jsem AI tak, aby chatbot každou odpověď zakončil dvěma kontextovými doplňujícími otázkami, které se zobrazují jako tlačítka. Konverzace působí přirozeně a vede potenciální zákazníky, aniž by působila nátlakově.
Nech chatbota pokládat doplňující otázky, aby byl rozhovor přirozenější.
Žádné šablony, žádné UI balíčky. Vybudoval jsem kompletní vizuální systém: tmavě zelená jako primární barva s limetkovým akcentem, tučné písmo DM Sans, zaoblené karty, kulatá tlačítka a dostatek volného prostoru. Výrazná identita, která působí prémiově a důvěryhodně. Žádný generický SaaS landing page.
Čtyři záložkové pohledy: nástěnka, analytika, faktury, transakce. Každá záložka obsahuje unikátní testovací data. Sloupcové grafy, které se zvýrazní při najetí kurzorem. Klikatelné karty metrik se stavem výběru. Plynulé animované přechody mezi záložkami. Návštěvníci si produkt vyzkouší ještě před registrací.
Funkce rozvržené v moderní mřížce s kartami různých velikostí. Každá karta má ikonu, nadpis, popis a jemný efekt při najetí myší. Fakturace, sledování výdajů, daňové přehledy a podpora více měn, vše v přehledném vizuálním formátu, který předá hodnotu za pár vteřin.
Loga QuickBooks, Xero, Stripe a PayPal jsou použita jako vektorová grafika. Žádné screenshoty, žádné rozmazané obrázky. Přesné firemní barvy, ostrý výsledek na jakékoli obrazovce. Protože důvěryhodnost se buduje detaily.
Chatovací okno přímo na webu, poháněné skutečnou AI. Odpovědi se zobrazují postupně, jako by psal živý člověk. Text je přehledně formátovaný – tučné písmo, seznamy, nadpisy. Chatbot si pamatuje posledních 10 zpráv, takže konverzace dává smysl. A ví všechno o produktu, včetně cen, funkcí a integrací.
Každá odpověď od AI nabídne dva návrhy, jak pokračovat – zobrazí se jako klikací tlačítka přímo v chatu. Uživatel jen klikne a konverzace pokračuje dál. Chatbot tak přirozeně vede návštěvníka od prvního zájmu až ke konverzi tím, že pokládá správné otázky ve správný moment.
Starter, Pro a Business – každý s jasným přehledem funkcí. Plán Pro je vizuálně zvýrazněný jako „Nejoblíbenější“ s výrazným popiskem. Každý plán zobrazuje cenu, seznam funkcí a CTA. Vzhled je navržen tak, aby prostřední možnost byla samozřejmou volbou.
Desktop, tablet, mobil. Interaktivní dashboard, mřížka s funkcemi, cenové plány i chatbot se přizpůsobí každé obrazovce. Chatovací okno na mobilu funguje stejně přirozeně jako na desktopu. Stejný zážitek na 375px i 1440px.
