
Malé kroky jsou povídky, které Jana Chmelová napsala a sama namluvila. Navrhli jsme pro ně design systém ve Figmě a podle něj postavili web na WordPressu s vlastní šablonou a vlastním pluginem. Povídka se kupuje bez registrace a platí se převodem přes QR kód. Jakmile platba dorazí, povídka se sama objeví v knihovně. Poslouchá se přímo na webu a nahrávka z něj nikdy neodchází jako jeden soubor.

Výzva
Jana Chmelová píše povídky o obyčejném životě a sama je čte. Chtěla je prodávat po jedné, za 49 korun. Jenže MP3, které si někdo stáhne, může hned poslat dál, a prodej je pryč. Ochrana, jakou mají velké streamovací služby, se platí každý měsíc a povídka za 49 korun na ni nevydělá. Nákup navíc nesměl začínat registrací. Kdo si chce poslechnout šestnáctiminutovou povídku, nebude si kvůli ní zakládat účet a vymýšlet heslo. Platí se převodem, takže mezi objednávkou a poslechem uběhne i den nebo dva a zákazník má po celou tu dobu vědět, co se děje. A nové povídky bude přidávat Jana sama, bez programátora.
Naše řešení
- Design systém ve Figmě vychází z loga, které autorka už měla.Barvy jsme vzali z něj a z jejích příspěvků na sociálních sítích: krémové pozadí, olivový text a terakota na lístcích a stopách. Černá v paletě není. Základní text má 17 px a každá kombinace textu s pozadím splňuje kontrast WCAG AA.
- Povídky nemají ilustrace, obálku jim dělá barva žánru.Olivová znamená k zamyšlení, medová s humorem, terakotová ze života a písková smutnější. K nové povídce tak nikdo nemusí shánět obrázek.
- Web běží na WordPressu s vlastní šablonou a vlastním pluginem.Page builder ani WooCommerce jsme nepoužili. Kupuje se vždycky jedna povídka nebo jedna sbírka, bez košíku a bez dopravy, a na to e-shopový plugin potřeba není.
- Objednávka je formulář se jménem a e-mailem.Po odeslání web přes SimpleShop vystaví fakturu a rovnou ukáže QR kód, číslo účtu a variabilní symbol. Faktura přijde i e-mailem.
- Po zaplacení se všechno stane bez Jany.SimpleShop dá webu vědět, že platba dorazila. Web založí účet, odemkne povídku a pošle e-mail s odkazem, na kterém si zákazník nastaví heslo. A kdyby se zpráva o platbě někde ztratila, web si každou hodinu projde zaplacené faktury sám.
- Kdo nakupuje přes internet, má 14 dní na odstoupení od smlouvy.U povídky, kterou si mezitím poslechne, to nejde dohromady. Objednávka se proto ptá, jestli ji chce hned po zaplacení a práva na odstoupení se vzdává. Když souhlas nedá, web povídku odemkne až patnáctý den.
- Nahrávka z webu nikdy neodchází jako jeden soubor.Po nahrání ji plugin rozdělí na desetivteřinové úseky a každý zašifruje. Přehrávač je skládá za běhu a server u každého úseku znovu ověří, že je zákazník přihlášený a povídku má koupenou. Odkaz na nahrávku platí šest hodin a jen pro to přihlášení, které ho dostalo.
- DRM jsme vynechali záměrně.Platí se měsíčně a povídka za 49 korun to neunese. Naše ochrana vystačí s běžným hostingem s PHP a zastaví tlačítko Stáhnout, volbu Uložit jako i přeposlaný odkaz. Na jednom účtu jdou zároveň nejvýš tři přihlášení. Nahrát si zvuk z reproduktoru jde vždycky, tomu nezabrání ani Netflix.
- Přehrávač je vlastní, bez nabídky, kterou ke zvuku přidává prohlížeč.Umí zrychlit až na dvojnásobek, zpomalit na 0,75× a skočit o 15 vteřin tam i zpět. Pamatuje si, kde poslech skončil, takže knihovna nabídne pokračování od stejného místa i na jiném zařízení. Povídky zdarma pustí celé a bez přihlášení.
- Administrace je WordPress, ve kterém zůstalo jen to, co Jana potřebuje.Menu jsme zkrátili a přidali do něj Povídky, Sbírky, Zákaznice a Prodej a platby. Novou povídku přidá tak, že vyplní název, popis, žánr a cenu a nahraje MP3. Délku si web spočítá sám a rozdělení a šifrování udělá na pozadí. K tomu má návod o 21 stranách.
Web
Snímky z ostrého webu malekrokydoouska.cz, ne z návrhu.



Od objednávky k poslechu
Objednávka je z ostrého webu. E-mail a knihovnu uvidí člověk až po zaplacení, proto jsou tady s ukázkovými údaji.



Na mobilu
Stejné stránky na šířce telefonu, opět z ostrého webu.
Design systém ve Figmě
Jeden soubor s barvami, písmem, 73 ikonami a 35 komponentami. Je z nich poskládáno 14 obrazovek pro počítač, 6 pro mobil a 2 e-maily.




Co jsme dodali
Design systém ve Figmě s 35 komponentami a 73 ikonami
WordPress s vlastní šablonou a vlastním pluginem
Nákup bez registrace, platba převodem přes QR kód
Poslech v zašifrovaných úsecích, žádný soubor ke stažení
Účet a knihovna se po zaplacení založí samy
Přehrávač, který si pamatuje místo poslechu
Povídky zdarma celé a bez přihlášení
Správa povídek bez programátora, návod o 21 stranách


