Jak vznikaly Cesty zpět

Někteří z Vás možná viděli původní verzi tohoto článku a taktéž i původní blog osobního rozvoje Cesty zpět.

Na spuštění nové verze jsem se připravoval opravdu dlouhou dobu a jsem strašně rád, že jsme ji 1.3.2020 mohli společně s Lukášem Obršálem oficiálné představit veřejnosti na adrese https://cestyzpet.cz.

 

Co vše tvorbě webu předcházelo?

Lukáš za mnou přišel poprvé v lednu roku 2019 s prosbou o vytvoření osobní značky Cesty zpět, která má zaštiťovat veškeré jeho nabité znalosti, praktiky a informace ohledně zdravého životního stylu a pohybu.

Na první z našich schůzek jsme navrhli celý postup a body, které nás mají společně dovést ke kýženému výsledku.

Jednou z nejdůležitějších věcí byla v té době tvorba loga, vizitek a letáku na chystaný víkendový seminář, který jste mohli vidět již zde.

Vytvořil jsem tedy pro Lukáše několik návrhů loga, ze kterého si nakonec vybral toto, které nyní figuruje na veškerých propagačních materiálech, včetně jeho vlastního trika:

 

 

V následujících měsících jsme se pustil do tvorby blogu, který však (na můj vkus) na poprvé nedopadl po designové stránce úplně nejlépe, a proto jsem Lukášovi navrhl "vyrovnání" ve formě redesignu a kompletního předělání webu zdarma.

 

Nové cesty zpět

Na několik měsíců jsem se tedy ponořil do nekončícího kódu, úprav, oprav, ladění a programování zbrusu nových funkcí, které na původním webu chyběly, až nakonec po témeř půl roce (s přestávkami) vznikla úplně nová verze webu, kterou již tedy nyní naleznete zde.

 

 

Funkce a rozložení webu

Abych vyrovnal předchozí "nezdar" s původní verzí webu, snažil jsem se (snad úspěšně) vdechnout webu úplně nový, čistý, přehledný a moderní vzhled.

Veškeré prvky jsem nechal více "dýchat" díky okolnímu prázdnému prostoru tak, aby vše nevypadalo tak namačkané na sebe, ale zároveň nepůsobilo prázdně.

 

Lukáš samozřejmě k webu získal zbrusu novu, plně funkční a "na míru šitou" administraci, ve které si může upravit téměř veškerý obsah svého webu, jako jsou obrázky a popisy hlavních stránek, jejich obsah, nové kategorie, články, události, služby, uživatelé, ale také kontrolovat úspěšnost příspěvků (zobrazení, "lajky", komentáře), recenze a mnohé další funkce.

 

Hlavní stránky webu

Podle Lukášovi předchozí žádosti je web rozdělen na několik základních hlavních stránek:

 

• Úvod
• Blog a jeho kategorie
• Události
• Služby a recenze
• Kontakt
• GDPR / Ochrana osobních údajů
• Obchodní podmínky
• Registrace / přihlášení / editace uživatele

 

Na úvodní stránce se nachází tzv. "slider", který si může Lukáš dle libosti měnit, řadit a přidávat další slidy. Prozatím (v době psaní článku) byl do slideru zkopírován původní text webu, který krátce představuje zaměření webu a jeho chystaný obsah.

 

Blog již obsahuje samotné články. Ty si Lukáš může pro lepší přehlednost řadit do jednotlivých kategorií tak, aby bylo pro návštěvníka jednodušší nalézt ty správné informace o tématu, které ho zajímá.

Stránka blogu obsahuje v hlavičce i box s jedním náhodným článkem, který se náhodně generuje z kompletního obsahu blogu, primárně kvůli tomu, aby ani starší články neunikly zrakům budoucích návštěvníků. 

 

 

Hlavní stránka i jednotlivé kategorie jsou samozřejmě stránkovány pro lepší přehlednost a každá z nich obsahuje navíc v pravém sloupci fulltextové vyhledávání mezi články, aby se návštěvník k požadovanému článku dostal ještě rychleji. Ve stejném sloupci je umístěna také zcela nová funkce, kterou jsem vytvořil pro Lukáše na základě dlouholeté známosti - dnešní motto.

Lukáš má v administraci možnost vytvoření neomezeného počtu motivačních, inspirativních či poučných citátu, které se každý den náhodně nastaví na webu, jako hlavní motto dne. Tuto volbu si však může Lukáš i ručně navolit, aby se v konkrétní den zobrazovalo pouze ním požadované motto.

 

 

Pod dnešním mottem je návštěvníkům zobrazen výběr třech nejoblíbenějších článků z blogu/kategorie a znovu odkazy na jednotlivé kategorie, včetně zobrazení počtu článků v každé z kategorií.

 

Jelikož se Lukáš rád o své znalosti dělí i s ostatními, vytvořil jsem na webu možnost vytváření údálostí, na které se mohou návštěvníci přihlásit.

Lukáš má možnost nastavit termín zveřejnění událost, termín a místo konání, cenu pro běžné uživatele, cenu pro VIP uživatele, počet volných míst apod.

Celý soupis událostí se poté řadí do třech kategorií:

 

• Probíhající události
• Vyprodané události
• Minulé události

 

Návštěníci tak získají informace o událostech, na které se lze přihlásit nebo čeho se události týkají.

 

 

Detail samotné události nebo článku na blogu jsou si velice podobné, obsahují drobečkovou navigaci, autora a datum zveřejnění článku (případně kategorii příspěvku), název, obrázek a vlastní obsah příspěvku. Ke každému příspěvku (ať už článku na blogu či události) mohou pod obsahem návštěvníci přidávat "To se mi líbí" nebo komentáře.

 

 

 

Události navíc obsahují na konci popisu tlačítko pro přechod na objednávkový formulář, přes který se mohou na událost zaregistrovat a rezervovat si tak místo. V době psaní článku jsou k dispozici pouze platební metody hotově a bankovním převodem.

Registrovaný uživatel navíc formulář nemusí složitě vyplňovat. V případě, že si do svého profilu zadal veškeré potřebné informace, jsou mu automaticky vyplněna veškerá potřebná pole pro dokončení objednávky a uživatel pouze potvrdí platební metodu a souhlas se zpracováním osobních údajů.

Návštěvník bez registrace má navíc možnost si objednávkou vytvořit i účet na webu.

 

 

Systém se samozřejmě stará o kontrolu volného místa na události, odesílání e-mailů s objednávkou ve formátu PDF a dalších informací pro uživatele.

 

Služby

Stránka služeb je oproti původnímu webu naprosto nová. Nabízí návštěvníkům výčet nabízených služeb v podobě slideru, kde si může návštěvník službu rovnou objednat přes tlačítko "Objednat", které ho převede opět na objednávkový formulář.

Ke každé službě je připojen i box "Více informací" obsahující bližší popis nabízené služby a další užitečné informace.

 

 

Pod výpisem služeb se navíc také nachází pro návštěvníky další výpis recenzí a formulář, přes který mohou uživatelé udělit vlastní recenzi na Lukášovy služby. Nebudu Vám lhát, na hodnocení pomocí hvězdiček jsem si lehce "vylámal zuby", jelikož pro mě byl FontAwesome úplně novou "funkcí", kterou jsem prozatím jinde nepoužíval a úprava CSS tak, aby vše fungovalo jak má, zabrala mnoho času.

Nyní se však Lukáš může chlubit plně funkčním systémem pro recenze svých služeb.

 

 

Stránku kontaktu asi není zapotřebí nijak sáhodlouze popisovat, jelikož obsahuje to nejdůležitější, a to kontaktní informace, stručný popis o Lukášovi jako samotném, a poté další obsáhlejší popis webu, nabízených služeb a prakticky čehokoliv, co si Lukáš do tohoto popisu přes administraci umístí.

Zapomenout se samozřejmě nesmí ani na kontaktní formulář umístěný pod tímto popisem a v pravém sloupci opět nejoblíbenější články a dnešní motto, především pro návštěvníky, kteří se dosatnou z vyhledáváčů/odkazů přímo na tuto stránku.

 

 

Globální prvky webu

Web má několik globálních prvků, které se objevují na všech jeho stránkách. Jedná se samozřejmě o přihlašovací tlačítko, které převede uživatele na stránku pro přihlášení ke svému účtu, registraci nebo odkazu pro získání zapomenutého hesla:

 

 

 

Dále do globálních prvků patří postranní panel s odkazy na Lukášovy sociální sítě Facebook, Instagram, Youtube a také kontaktní formulář, přes který mohou návštěvníci na kterékoliv ze stránek Lukáše kontaktovat na e-mail.

 

 

Asi posledním prvkem je poté patička webu, který obsahuje krátky popis převzatý ze stránky "Kontakt", jednoduchou mapu stránek se základními odkazy na hlavní stránky a kategorie, ale především formulář přihlášení k odběru novinek webu, které jsou pravidelně zasílány odběratelům na e-mail.

V rámci GDPR je samozřejmě přenos dat šifrován, uživatel musí v prvním e-mailu potvrdit, že souhlasí se zasíláním těchto novinek a každý e-mail obsahuje také odkaz ke zrušení odběru novinek.

 

Uživatelé

Jak bylo popsáno již výše, všichni návštěvníci webu mají možnost si na webu vytvořit svůj účet, aby se vyhnuli vyplňování případných formulářů na webu (kontaktní formulář, jméno u komentáře, objednávkový formulář,...), avšak na Lukášovo přání pracuje web se dvěma skupinami uživatelů - běžný uživatel a VIP uživatel.

Lukáš má možnost nastavit uživatelům, kteří si jeho služby předplácejí nebo si (v budoucnu) zakoupí jeho VIP program, označení VIP, čímž získají přístup ke článkům, které jsou určeny jen a pouze této skupině nebo slevám na události a služby.

 

Správa webu

Jak jsem zmiňoval již několikrát výše, Lukáš má ke kompletní správě webu k dispozici zbrusu novou, "na míru šitou" administraci, přes kterou může přidávat články, události, uživatele a další obsah webu.

Získá přes ní také základní přehled o tom, jak si jeho web vede.

 

 

Závěrem

Nakonec bych chtěl jen shrnout několik dalších informací, o kterých se nemá cenu rozepisovat:

Web je plně responzivní a dostupný pro veškerá zařízení (PC, notebook, tablet, telefon), obsahuje propojení s Google Analytics, meta tagy pro soc. sítě a je připraven na další rozšíření o nové funkce, které však nebyly obsahem redesignu webu zdarma.

 

Jak se Vám líbí nová verze webu Cesty zpět?

Chybí Vám na webu některá funkce, kterou byste uvítali?

Přemýšlíte i Vy o vlastním webu/e-shopu?

 

Neváhejte mě kontaktovat přes formulář nebo kontaktní informace uvedené zde !