Weby a aplikace, kterým vaši zákazníci rozumí

Web a e-shop Cheportu. Cheport vyrábí čisticí a dezinfekční prostředky ve Vizovicích od roku 1991 a prodává firmám i domácnostem. Web, e-shop, firemní účty i administrace pro obsluhu běží v jedné aplikaci.

Analýza trhu a konkurence. Než vznikla první obrazovka, prošli jsme, kdo u Cheportu nakupuje a jak prodává konkurence. Podle toho dostal web i e-shop svou strukturu.

Design systém ve značce Cheportu. Barvy, písma, tlačítka a karty produktů v jednom systému. Z něj se skládá web, e-shop i zákaznický účet.

Sortiment podle toho, kdo nakupuje. Katalog filtruje podle použití, značky i ceny. Už při registraci se zákazník zařadí jako domácnost, nebo jako firma s IČO, a podle toho vidí ceny.

Produkt, který zná svá pravidla. Každé balení má cenu za litr i hmotnost pro výpočet dopravy. Nebezpečné zboží jede jen smluvním dopravcem a u každého produktu je bezpečnostní list.

Firmy nakupují za své ceny. Firma se při registraci ověří v ARES a po schválení vidí ceny svého ceníku, slevy své skupiny a platbu na fakturu. Cenu na řádku počítá e-shop stejně jako Helios.

Pokladna a expedice. Pokladna spočítá dopravu podle hmotnosti a nabídne jen platby, které zákazník smí použít. Obsluha podá zásilky České poště hromadně i se štítky.

Administrace podle práce obsluhy. Obsluha má objednávky podle stavu na jednom místě. Odtud tiskne doklady a podává zásilky České poště hromadně i se štítky. Objednávky na snímku jsou smyšlené.

Napojení na Helios. Objednávky, zákazníci a firmy jdou z e-shopu do Heliosu bez přepisování. Každý záznam se zapíše jen jednou, i když spojení na chvíli vypadne, a obsluha dostane upozornění, když je potřeba zasáhnout.

Výrobní systém pro V PRINT. Pro tiskárnu V PRINT jsme postavili aplikaci, která vede zakázku od objednávky po expedici. Zakázky čte z účetního systému ABRA, výrobu řídí sama. Data na snímcích jsou smyšlená.

Od objednávky po expedici. Nejdřív jsme s provozem prošli, kudy zakázka putuje a kdo na ní v které chvíli pracuje. Z toho vznikl datový model a pět kroků, které aplikace hlídá.

Zakázky z ABRY. Zakázky, položky a zákazníci přicházejí z ABRY. Stav, termín expedice a komentáře patří aplikaci, takže je synchronizace nepřepíše.

Postup jako živý dokument. Každý výrobek má svůj postup v devíti částech, od DTP po finální úpravu. Nová verze vznikne kopií té platné a starší přestane platit, takže dílna vždy vyrábí podle aktuální.

DTP na jednom místě. Grafici v DTP mají postupy na vlastním kanbanu podle stavu přípravy. Každá část postupu má svá pole, například tisk nebo plotr po tisku.

Do tisku jen se schváleným DTP. Výrobní příkaz jde pěti kroky. Do tisku se nedostane, dokud není jeho postup v DTP dokončený. Hlídá to rozhraní, kanban i server.

Dílna se čtečkou. Na dílně stačí načíst čárový kód z příkazu. Terminál ukáže zakázku, aktuální krok a stroj, na kterém se pracuje, a připraví práci pro řezací plotr.

Napojení na ABRU. Zakázky, položky, ceník a adresář přicházejí z ABRY každé dvě minuty a v noci se celý stav ještě jednou srovná. Aplikace do účetnictví nezapisuje a starší záznam nikdy nepřepíše novější.

Role a tisk pro dílnu. Každá role vidí a smí jen to, co potřebuje, a správce to nastaví zaškrtnutím. Výrobní příkaz se vytiskne na stránku A4 s čárovým kódem pro čtečku na dílně.

Web platformy Switchio. Switchio od MONET+ napojí terminály, SoftPOS i samoobslužná zařízení na víc acquirerů najednou. Postavili jsme nový web, který platformu vysvětlí bankám, obchodníkům i provozovatelům samoobsluhy.

Rozbor webu a konkurence. Prošli jsme původní web, vyhledávání a weby konkurence. Web proto začíná platformou a každé publikum, od bank po městskou dopravu, má vlastní vstup.

Návrh vizuálního směru. Než vznikla první stránka, ukázali jsme směr na jednom boardu. Ledová plocha, navy nadpisy, korálová jen na akce a ručně psané slogany.

Design systém ve značce Switchio. Barvy, písma, tlačítka, ikony a schémata toku platby v jednom systému. Z něj se skládá každá stránka webu.

Platforma vysvětlená na jedné stránce. Bankéř i obchodník na ní uvidí, jak platba putuje od terminálu k acquirerovi a co se stane, když jeden vypadne. Pod schématem je, co platforma umí.

Konfigurátor SoftPOS pro partnery. Partner si nastaví logo, texty a barvy aplikace, která z telefonu s Androidem udělá platební terminál. Výsledek vidí živě na telefonu a podklady pro vývoj si stáhne.

Katalog certifikovaných terminálů. Pultové, přenosné i samoobslužné terminály s parametry na jednom místě. Katalog si klient spravuje sám v administraci.

Průvodci, kteří přivádějí návštěvníky. Sekce Learn odpovídá na otázky, které lidé hledají, třeba jaký je rozdíl mezi orchestrací a platební bránou. Každý průvodce vede k rozhovoru s expertem.

Stránka pro každé publikum. Banky, obchodníci, samoobsluha i doprava mají vlastní stránku se svými argumenty. SoftPOS má vlastní stránku, ze které se jde rovnou do konfigurátoru.

E-shop bike školy FLOWRIDE. FLOWRIDE učí jezdit na horském kole dospělé i děti, pořádá kempy, kroužky a tripy a prodává vlastní oblečení. Postavili jsme web a e-shop, kde si zákazník vybere termín, zapíše účastníky, koupí poukaz nebo lekci na míru a zaplatí jedním nákupem.

Vizuál postavený na fotkách a videu. Černobílý základ, velké nadpisy a fotky a videa z tratí. Každý kurz má vlastní stránku s videem, dovednostmi, které se na něm jezdec naučí, programem, cenou a termíny.

Termín a účastníci přímo u kurzu. Zákazník vybere termín z nabídky, kde je vidět délka, věk a místo, a zadá počet míst. Pro každé místo vyplní účastníka a může k němu rovnou přidat dárkový poukaz. Cena se počítá průběžně a obsazená místa ubývají.

Individuální lekce s cenou na míru. Cena lekce se skládá z místa, délky a počtu lidí podle ceníku bike školy. Zákazník lekci rovnou poptá, nebo ji koupí jako dárek s elektronickým či tištěným poukazem a osloveným obdarovaným.

Dárkové poukazy dvou druhů. Poukaz na konkrétní termín se kupuje přímo u kurzu. Poukaz s finanční hodnotou je kód se zůstatkem, který platí na kurzy i oblečení. Oba jdou elektronicky v PDF zdarma, nebo tištěné v dárkové obálce s oslovením.

Objednávka, která nese kurzisty. Každý produkt je kurz s vlastními termíny a každé místo v objednávce nese kurzistu se jménem, věkem, kontaktem, poukazem a oslovením. Kurzisty vidí obsluha v administraci, v e-mailech i na děkovné stránce. Poukaz s hodnotou je kód se zůstatkem, který platí 12 měsíců, a vyčerpaný kód zůstane v historii.

Kurzy si bike škola spravuje sama. Kurz má v administraci vlastní záložky. V termínech je datum, délka, věk, cena, kapacita a místo, u kurzu podnadpis, videa, dovednosti a galerie. Termíny na další sezónu si bike škola zakládá sama a minulé termíny z webu zmizí.

Obchod s vlastním oblečením. Dresy, trička a mikiny pro muže, ženy i děti s velikostmi, materiálem a tabulkou velikostí. Oblečení se kupuje ve stejném košíku jako kurzy a doprava se počítá jen za to, co se opravdu posílá.

Rychlý web i s videem. Úvod s videem měl na mobilu 18 MB, po úpravách má 4,7 MB. Videa na pozadí jdou z vlastního serveru ve dvou kvalitách a načtou se až po stránce. Měření a reklamní nástroje se spustí až po souhlasu v cookie liště a formuláře chrání ověření proti robotům.

Vlastní CRM, na kterém Adoptimal běží. Obchod, projekty, klientský servis, fakturace i dokumenty v jedné aplikaci, kterou jsme postavili pro sebe. Od začátku je připravená na AI: asistenti v ní pracují přes MCP se stejnými oprávněními jako lidé. Data na snímcích jsou vymyšlená.

Od poptávky po servis bez přepisování. Zakázka prochází celou firmou jako jeden záznam. Co se jednou zapíše, už nikdo nepřepisuje: z dealu vznikne nabídka, ze smlouvy projekt, z výkazů faktura a ze servisní smlouvy tikety.

Zakázka s celou historií. Na zakázce je vidět fáze obchodu, e-maily z Outlooku, schůzky, úkoly, dokumenty i faktury. Nahoře jsou platná rozhodnutí a otevřené otázky, které AI vytáhla z komunikace s klientem.

Znalosti z komunikace. E-maily z Outlooku a zápisy ze schůzek se samy párují k zakázkám a tiketům. AI z nich každých pár minut vybere, co je důležité, a zapíše to k zakázce s doslovnou citací. Když si není jistá, položka čeká na člověka.

AI asistent, který v CRM opravdu pracuje. CRM nabízí asistentům přes MCP víc než 120 nástrojů. Asistent si jedním dotazem načte kontext klienta, založí úkol, zapíše výkaz, připraví nabídku ze šablony nebo fakturu a uloží zápis ze schůzky. Vidí a smí jen to, co uživatel, pod kterým pracuje.

Role a oprávnění až na úroveň obsahu. Každá role má oprávnění po modulech. Vývojář pracuje na úkolech, ale nabídky, ceny ani faktury nevidí, místo nich má zámek. Cizí e-maily a schůzky zůstávají skryté a stejná pravidla platí i pro AI asistenty.

Veřejné zakázky s AI hodnocením. CRM sleduje Věstník veřejných zakázek a poptávkové portály. Pevný filtr vyřadí, co nás nezajímá, a AI zbylým zakázkám dá skóre se zdůvodněním. Učí se z toho, co jsme dřív schválili nebo zamítli. Ze schválené zakázky vznikne deal a AI rozebere zadávací dokumentaci na úkoly pro nabídku.

Projekty, úkoly a výkazy. Úkoly mají fáze, podúkoly, vazby, sledující a odhad času. Časovač zapisuje výkazy rovnou k úkolu, takže je vidět, kolik z odhadu zbývá a co půjde do faktury.

Klientský servis a fakturace z výkazů. Servisní tikety vznikají podle servisní smlouvy a klient je zakládá i v klientském centru. Na konci měsíce se odpracované hodiny sečtou po firmách a faktura s pracovním protokolem jde do ABRA Flexi jedním krokem.

Nabídky a smlouvy s podpisem online. Dokumenty vznikají ze šablon ve značce firmy, s verzemi a čísly. Podpisy sbíráme online, CRM ukazuje, kdo už podepsal a na koho se čeká, a podepsanou verzi zamkne.

Co běží samo a s čím je CRM propojené. Na pozadí se párují e-maily a kalendář z Microsoft 365, hlídají se veřejné zakázky, končí předplatné a připravují se faktury za servis i licence Microsoft 365. Faktury jdou do ABRA Flexi, soubory do SharePointu a web i klientské centrum jsou napojené přes API a webhooky.

Web pro profesionální EMS oblek. Trénink celého těla za 20 minut, kdykoliv a kdekoliv. Web vysvětlí oblek a programy, ukáže výsledky klientů a vede k poptávce, kterou obchodník dostane rovnou do Pipedrive.

Rozbor trhu a konkurence. Prošli jsme, kdo EMS trénink hledá a jak ho prodává konkurence. Web proto mluví zvlášť o postavě, zdraví a kondici a má vlastní stránku pro salony a studia.

Design systém ve značce BODY EMS. Černá se žlutou, krémové plochy a úzké nadpisy. Z jednoho systému se staví český i slovenský web od úvodu po ceník.

Stránka pro každý důvod, proč lidé EMS hledají. Postava, zdraví a kondice mají každá vlastní stránku. Každá mluví jazykem svého publika a končí stejnou poptávkou.

Ceník a stránka pro studia. Ceník ukazuje tři varianty obleku a co všechno je v balíčku. Salony, studia a fyzioterapeuti mají vlastní stránku s procedurami, které s oblekem nabídnou.

Poptávka rovnou do Pipedrive. Formulář založí v Pipedrive osobu i poptávku s vybranou variantou a zdrojem z kampaně. Když obchodník obchod vyhraje, web zákazníkovi sám založí účet v klientské zóně.

E-maily podle fáze obchodu. Kdo poptá, dostane sérii e-mailů podle toho, co ho zajímá. Po nákupu ho e-maily provedou prvními týdny a později přijde prosba o recenzi. Na poptávky bez odpovědi se web po dvou týdnech připomene sám.

Klientská zóna po nákupu. Účet se zákazníkovi založí sám, jakmile obchodník obchod vyhraje. Videokurzy, živé tréninky a návody vidí podle země a balíčku a záznamy tréninků přibývají samy.

Česky i slovensky z jedné správy. Slovenský web má vlastní texty, ceník i e-maily a spravuje se na stejném místě jako český.

Plánování posádek pro CrosslogiQ. Dispečeři logistické firmy CrosslogiQ se středisky v Česku a na Slovensku plánovali posádky v tabulkách. Postavili jsme jim aplikaci, která z docházky, oprávnění a výchozích dvojic sestaví posádky na směnu a plán pošle dál. Data na snímcích jsou vymyšlená.

Jak vzniká plán směny. Ráno se načtou lidé a jejich absence z HR systému a nedostupná vozidla. Generátor sestaví posádky, dispečer je případně přetáhne jinam a jedním krokem pošle plán do dispečinku, SMS posádkám a docházku zpět do HR systému.

Generátor posádek. Generátor skládá posádky v pěti krocích podle pravidel, která dřív nosili dispečeři v hlavě. Stejná pravidla kontroluje i server, takže ruční úprava, která by je porušila, neprojde. Zálohy plánuje jen dispečer ručně.

Vozidla a výchozí posádky. Každé vozidlo má výchozího řidiče a závozníka, nosnost a potřebné řidičské oprávnění. Nedostupnost vozidel se plánuje v kalendáři a generátor ji bere v úvahu.

Zásilky a časy odjezdů. Zásilky chodí z dispečerského systému přes webhook a z rampy jako Excel e-mailem. Z nich se dopočítá odjezd a příjezd každého vozidla. Ruční úprava dispečera má přednost a přežije i nové generování.

Napojení na okolní systémy. Aplikace bere lidi a absence z HR systému Sloneek a zapisuje do něj docházku. Plán posílá do dispečerského systému, posádkám rozesílá SMS přes GoSMS a průběh odesílání ukazuje živě.

Víc firem a středisek v jedné aplikaci. Aplikace slouží několika firmám se středisky v Česku i na Slovensku. Dispečer vidí jen svá střediska, přístupy ke konektorům jsou šifrované a každá akce se zapisuje do auditu. Den, za který odešla docházka, se zamkne.

Nový web software house MONET+. MONET+ vyvíjí od roku 1996 systémy pro digitální identitu a platby kartou. Podle dodaného návrhu jsme postavili web s videem, počítadly, referencemi a týmem expertů.

Reference s filtrem podle oboru. Reference sahají od Kooperativy po autobusy v Lagosu. Každá má štítek segmentu a technologie, takže návštěvník z dopravy nebo z bankovnictví hned najde, co se ho týká.

Identita a platby ve vlastních větvích. Digitální identita a Digitální platby mají každá vlastní menu a strom stránek. Banka i dopravní podnik v nich najdou stránku pro sebe.

Nový web technického tisku a značení. Rodinná tiskárna z Tlumačova vyrábí štítky, panely a značení od roku 1997. Úvod hned říká, že udělá jeden kus i opakovanou sérii.

Strategie z výroby i vyhledávání. Prošli jsme, kdo u V PRINT objednává a jak se technické značení hledá a prodává. Podle toho dostal web služby, technologie a stránky pro obory.

Návrh vizuálního směru. Patkové nadpisy, tmavý úvod s jemnou mřížkou jako na výkresu a červená z loga jen na akce. Směr jsme ukázali rovnou na fotkách z výroby.

Katalog prvků před stránkami. Každé tlačítko, pole a karta je v katalogu ve všech stavech, od najetí myší po ovládání z klávesnice. Na stránku se dostane jen to, co prošlo katalogem.

Služby podle toho, k čemu je zákazník potřebuje. Deset služeb je roztříděných podle použití: stroje a výrobky, provoz a budovy, reklama a prezentace. Každá služba má vlastní stránku s fotkami z výroby a cestou k poptávce.

Stránky služeb s technickým listem. Na stránce služby najde technik materiály, tloušťky, způsob značení i množství jako v technickém listu.

Stránka pro každý obor. Výrobci strojů a rozvaděčů, výtahové firmy nebo sklady najdou svou stránku s příklady značení, které v jejich provozu dává smysl.

Poptávka i s výkresem. Zákazník vyplní materiál, rozměr a počet kusů a přiloží výkres, třeba ve formátu DXF nebo STEP. Poptávka zůstane uložená, i kdyby e-mail neodešel.

Web a klientské centrum Adoptimalu. Adoptimal ze Zlína zavádí ve firmách AI a digitalizuje jejich procesy. Postavili jsme mu web ve třech jazycích s testem AI připravenosti a klientské centrum, kde zákazník vidí své požadavky, projekty a faktury.

Pro koho web je. Web míří na firmy s 10 až 100 lidmi, kterým procesy nestíhají růst nebo je brzdí staré systémy. Proto má rozcestník oborů a postup Vymyslíme, Postavíme, Udržíme.

Design systém ve značce Adoptimalu. Modrá, tmavě modrá a mátová, jedno písmo a vypínač z loga, který se v úvodu přepne do polohy on. Z jednoho systému se skládají všechny stránky ve třech jazycích.

Test AI připravenosti. Návštěvník vybere až tři práce, které ho zdržují, a na každou odpoví pár otázek o tom, jak u něj opravdu probíhá. Výsledek hned a bez e-mailu ukáže, kde může AI začít, kde je potřeba nejdřív upravit postup a kde se nevyplatí.

Klientské centrum pro zákazníky. Po podpisu smlouvy se zákazník přihlásí do klientského centra. Na úvodní stránce vidí otevřené požadavky, projekty, faktury k úhradě, předplatné služby, dokumenty a kontakt na svého člověka u nás.

Požadavky, projekty a faktury. Zákazník založí požadavek a píše si s námi přímo u něj. U projektu vidí fázi a hotové úkoly, faktury si stáhne a smlouvy podepíše online. Data se berou živě z našeho CRM, na snímcích jsou vymyšlená.

Fakturace pronajatých tiskáren. P.M.CAROLINE ze Vsetína prodává, pronajímá a servisuje tiskárny a kopírky pod značkou Tiskárny kopírky. Paušály a vytištěné strany fakturovala každý měsíc ručně v Heliosu. Postavili jsme aplikaci, která stavy počítadel bere z e-mailů, faktury připraví sama a platby spáruje z banky. Data na snímcích jsou vymyšlená.

Od počítadla po zaplacenou fakturu. Tiskárny u odběratelů posílají stavy počítadel e-mailem. Aplikace je přečte, spočítá vytištěné strany, z paušálu a cen platných v daném měsíci sestaví fakturu, pošle ji v PDF i ISDOC a platbu z banky k ní sama přiřadí.

Stavy počítadel z e-mailů. Každá značka tiskáren posílá stav v jiném formátu. Aplikace pozná výrobce, najde stroj podle výrobního čísla a zapíše odečet. Co nepozná, nechá v seznamu k ručnímu přiřazení a nic se neztratí, protože se každý e-mail uloží celý.

Stroj s historií odečtů a cen. U každé tiskárny je smlouva, místo, historie odečtů a ceník s platností. Když se cena změní uprostřed období, faktura použije tu, která v daném měsíci platila. Záporný rozdíl hlásí výměnu nebo reset stroje.

Faktura po strojích, v PDF i ISDOC. Faktura má za každý stroj paušál, černobílé a barevné strany s počátečním i koncovým stavem. Čísla jdou po měsících jako v Heliosu, splatnost a počet kopií se nastaví pro každého odběratele a PDF nese QR platbu.

Platby z banky se párují samy. Aplikace stahuje pohyby z Fio banky a páruje je podle variabilního symbolu. Spáruje jen tehdy, když sedí i částka a plátce. Jedna platba může uhradit víc faktur a co nesedí, čeká na obsluhu.

Pojistky, aby nic neuteklo. Fakturace pracuje s penězi, proto má aplikace pojistky na každém kroku. Ověřili jsme ji proti Heliosu na skutečném měsíci, než ho nahradila.