O zadavateli
Summarees je webový portál s 3000+ stručných obsahů knih v žánru populárně naučné literatury.
Úkol
Úkolem bylo vymyslet název, navrhnout logo, firemní barvy a písmo, vyvinout SEO optimalizovaný web pro 3000+ stránek a napsat obsah webových stránek v angličtině.
Řešení
Portál nabízí tisíce stručných obsahů knih v angličtině úplně zdarma, proto jsem přišel s názvem – "Summarees", což je nepatrný spin anglického slova "summaries", který se čte stejně (taky se používá v "Categorees" místo "Categories" atd.). Zvolil jsem kombinaci solidní tmavě zelené a hravější oranžovo červené barev. Jelikož se serif písmo čte vždy lépe, rozhodl jsem se pro Berlingske Serif.
Abych splnil všechny požadavky zadavatele (hlavně počet stránek, integrace s Google AdSense a Amazonem a rychlost načítání statického obsahu), zvolil jsem kombinaci Next.js a Tailwind CSS. Wireframe a UI jsem navrhoval ve Figmě.
Portál nabízí tisíce stručných obsahů, proto landingy knih musí vypadat jednoduše a zároveň vkusně. Inspiroval jsem se předními konkurenty v oboru a "oživil" jsem design díky barvám v UI, elevated prvkům a 3D "maskotu". Značnou část času zabral copywriting v angličtině (je to koneckonců 3000+ stránek).
Vybral jsem framework Next.js protože využívá Server Side Rendering (SSR). Zjednodušeně řečeno jde o “předkreslení” webové stránky používající javascriptový kód na straně webového serveru. Next.js se svým SSR celý postup vylepšuje z hlediska serveru i uživatele. Je vymyšlený tak, aby uživatel nemusel po každém kliknutí čekat na odezvu serveru, ale aby zároveň celou práci neoddřel jeho počítač či mobil. Uživatel z Nextu dostane nejprve částečně vykreslenou stránku (statické HTML), která se mu zobrazí skoro okamžitě. Až během toho, co se uživatel na stránce orientuje, pošle Next uživateli potřebný JavaScript, který jeho prohlížeč zpracuje a zprovozní tak interaktivní prvky.
