Ve fb skupině Spisovatelské cappuchino s Martinou Heš, kterou Marťa založila v roce 2021, se potkávám s autory a autorkami, co píšou, čtou, podporují se.
Chybělo mi jedno jednoduché místo, kde si dokážu najít knížky ostatních (klidně i podle žánru nebo formátu). Protože ve skupině se toho děje dost - a to je super - ale hledat ve skupině knížku je někdy jako lovit jednu konkrétní kávovou lžičku v myčce.
A tak vznikl cappuweb, virtuální kavárna, kam můžeš zavítat, pokochat se obálkami knih, přečíst si medailonky autorů a autorek, jít na jejich weby a nechat se nasměrovat do e-shopů a kupovat jejich knihy.
Zadání (aby to nebyla jen hezká myšlenka)
Potkali jsme se s Marťou nad kafem a čajem a myšlenku rozpracoli. Vzniklo z toho zadání pro web.
Řekli jsme si, že web má:
- Přehledně ukázat knihy a autory a autorky z komunity.
- Umožnit hledání podle autora/ky, žánru a formátu.
- Odkázat čtenáře rovnou na místo, kde knihu koupí.
- Navázat atmosférou na identitu skupiny: teplo, přívětivo, cappuccinové odstíny.
A důležitá věta: Cappuweb není e‑shop. Je to rozcestník a katalog. Každá kniha odkazuje dál (na web autora/ky, nakladatelství, e‑shop…).
Přidávání knih je záměrně lidské a kurátorované: autor/ka vyplní formulář, přijde e‑mail, probíhá šperkování medailonků a textů o knize. Aby to bylo hezký.
Řešení (aneb jak se z nápadu stane místo)
Nejdřív kostra
Začali jsme tím, že jsem vytvořil negrafickou funkční podobu webu přímo ve WordPressu: stránky, menu, vlastní typy příspěvků a vazby mezi nimi a šablony. Marťa se od kostry odpíchla, sepsala copy, podle kterého jsem udělal webdesign. Dali jsme si kolečko revizí designu a z výsledku jsem udělal web. Minimalistický, teplý, cappuccinově hnědý. Hero fotka kávy. Texturová patička. Nic, co by křičelo. Spíš něco, co čtenáře chytne za ruku a přivede k poličce s knihami.
Katalog, ve kterém se dá hledat a filtrovat
Srdce webu je stránka Knihy. Zúžit předloženou nabídku lze:
- textovým vyhledáváním,
- filtrováním podle autorů/ek,
- filtrováním podle žánrů,
- filtrováním podle formátu.
Výsledky se načítají bez reloadu a URL se přizpůsobuje aktuálním filtrům - takže když někomu pošleš odkaz, pošleš mu rovnou konkrétní výběr.
Filtry se řetězí - výběr se zužuje. Můžeš si tak vyfiltrovat třeba všechny elektro knihy v žánru fantazy. Filtry jsou navíc dynamické: seznam autorů/ek i žánrů se skládá jen z knih, které na webu skutečně jsou.
Stránky knih a autorů, co nejsou jen katalogová kartička
Každá kniha má vlastní stránku se základními informacemi (žánr, formát, rok vydání, nakladatelství, počet stran) s odkazem do e-shopu nebo místa na stažení.
Pod knihou se automaticky ukážou další tituly od stejného autora/ky.
Autor/ky má svůj medailonek, fotku a přehled knih. A když nemá web nebo sociální sítě? Políčka se jednoduše nezobrazí.
Na následujících snímcích obrazovky můžeš vidět medailonky autorů a knih na webu a v administraci WordPress. V administraci jsem nachystal políčka pro snadnou správu medailonků.
Detaily, které dělají atmošku
Na homepage je „Náhodný (osudový?) tip na knížku pro tebe“ - při každém načtení stránky na tebe vyskočí jiná kniha.
Patička připomíná, co je za den a co to pro skupinu Spisovatelské cappuchino znamená.
Technické řešení (neboj, nečeká tě manuál k pračce)
Web běží na WordPressu s Oxygen Builderem.
Všechna funkcionalita - filtrace, vazby mezi autory a knihami atd. jsou v samostatném pluginu napsaném pro cappuweb.
Filtrace běží na vlastním java scriptu bez externích knihoven. O AJAX filtraci pro Oxygen Repeater/Easy Posts bez přenačtení stránky jsem psal na blogu.
Výsledek
Měsíc po spuštění cappuweb prezentuje 31 knih od 14 autorů.
Čtenáři a čtenářky získávají jedno místo, kde může objevovat knihy. Autoři a autorky dostávají viditelnost i mimo feed ve facebookové skupině. A komunita má něco, co ji zhmotňuje i mimo Zuckerbergova data.
Do budoucna s Marťou počítáme s rozšiřováním webu. A dalšími aktivitami, které web a autory/ky na něm budou zviditelňovat.
Řešíš něco podobného?
Pokud řešíš web pro komunitu, katalog čehokoliv nebo projekt, kde má smysl chytrá filtrace a rozumný „lidský“ proces správy, ozvi se, mrkneme na to. 😉