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. 😉