Co všechno se vlastně změnilo?
Některé změny jsou vidět okamžitě. Jiné poznáš až ve chvíli, kdy web skutečně používáš. A další jsou schované hluboko pod kapotou.
Nestačilo mi koupit jiné theme
FALLENS AIRSOFT běží na nopCommerce. Je to robustní e-commerce platforma, která toho umí opravdu hodně. Jenže univerzální e-shop musí být právě univerzální. A čím déle FALLENS provozuji, tím více jsem narážel na věci, které bych jako zákazník chtěl jinak.
Tak jsem je začal dělat jinak.
Nechtěl jsem vzít hotovou šablonu, změnit její barvu na zelenou, vložit logo a prohlásit redesign za dokončený. Chtěl jsem postavit prostředí, které má vlastní charakter a zároveň se v něm dobře nakupuje.
Design nesmí překážet nákupu
Můžeme mít nádherný web, animace, bannery a efekty. Jenže pokud člověk přijde koupit pytel 0,28g BBs a my ho donutíme absolvovat menší poznávací zájezd po našem UX, něco jsme udělali špatně.
Checkout na jedné stránce
Jedna z největších změn přichází až na konci nákupu. Původní objednávkový proces byl rozdělený do několika kroků. Adresa. Pokračovat. Doprava. Pokračovat. Platba. Pokračovat. Kontrola…
Funguje to. Ale také je rok 2026 a lidstvo už snad zvládne vidět adresu, dopravu a platbu současně. Proto jsem checkout předělal tak, aby zákazník viděl celý důležitý proces na jediné obrazovce.
Mega menu, které ukazuje, nejen vypisuje
Sortiment mezitím vyrostl natolik, že obyčejné rozbalovací menu začalo připomínat telefonní seznam.
Proto vzniklo nové mega menu s obrázky. Kategorie už nejsou jen textové položky pod sebou. Můžeme pracovat s jejich strukturou, skupinami, odkazy i vizuální orientací.
Hero slider: fotografie a skutečný obsah dohromady
Nechtěl jsem klasický banner, kde je všechen text napečený přímo do JPG. Takové bannery vypadají hezky přesně do chvíle, než potřebuješ změnit text, lokalizaci, SEO nebo zjistíš, že mobil má poněkud jiný poměr stran než 27" monitor.
Fotografie nebo grafika vytváří první dojem, ukazuje produkt, akci nebo konkrétní část airsoftového světa.
Nadpis, text i CTA zůstávají skutečným HTML. Jsou editovatelné, responzivní, čitelné a použitelné pro SEO.
Kategorie nejsou skladiště produktů
Nechci, aby zákazník otevřel kategorii a systém mu suše oznámil:
Proto postupně stavíme kategorie jako skutečné rozcestníky. Využíváme podkategorie, vizuální karty, skupiny, související odkazy, obsah a různé cesty podle toho, co hráč skutečně hledá.
Malé funkce, které šetří zbytečné přemýšlení
Ne každá změna potřebuje vlastní billboard. Některé jsou malé, ale při každém nákupu odstraní kousek zbytečné práce.
Novinka. Akce. Doporučení. Specifický stav produktu. Informace, které dávají smysl ještě před otevřením detailu.
Design není jen vzhled. Je to i množství přemýšlení, které po člověku vyžaduje.
Při platbě převodem není potřeba ručně opisovat účet, částku a variabilní symbol.
Airsoftový slovníček
Nový FALLENS ale nemá být pouze obchod. Airsoft je plný výrazů jako AEG, GBB, HPA, hop-up, MOSFET, ETU, tracer, ROF, FPS nebo joule creep.
Pro zkušeného hráče normální slovník. Pro člověka, který právě vybírá první zbraň, lehká forma psychologického teroru.
Jednotlivé pojmy můžeme vysvětlovat samostatně, propojovat je s dalšími hesly, články a relevantními částmi katalogu.
Otevřít slovníček →Blog už není jen chronologický seznam článků
Klasický e-shopový blog funguje jednoduše: napíšeš článek, potom další, další… a za pár let máš jednu obrovskou chronologickou hromadu obsahu.
Na FALLENS chceme obsah budovat dlouhodobě. Proto nová struktura blogu umožňuje pracovat nejen s jednotlivými články, ale také s kategoriemi a obsahovými sériemi.
Vývoj nového webu popisujeme průběžně v sérii Nový FALLENS. A když jde o vlastní BBs, nechceme zůstat jen u produktového popisu: veřejně dostupné metrologické výsledky držíme samostatně, aby šly dohledat bez lovení informací po článcích.
Série Nový FALLENS → Metrologie BBs →Produkt, kategorie, článek a slovníček se nemají ignorovat
Tradiční e-shop má katalog. Vedle něj blog. Někde další informační stránky. A všechny části se často tváří, jako by o sobě nikdy neslyšely.
A pak jsou tu věci, které skoro nikdo neuvidí
Velká část práce na novém webu není vidět vůbec. A právě tam bývá nejvíc práce. Software má zvláštní smysl pro humor.
Když se propojí software a airsoft
Stejným způsobem ostatně vznikají i další moje projekty. Jedním z nich je například Airsoft Ballistic Calculator, aplikace zaměřená na výpočty trajektorie BBs, rychlosti, kinetické energie, gramáže, zeroingu a konfigurace airsoftových sestav.
Právě díky tomu můžu některé věci stavět trochu jinak. Ne podle toho, co zrovna umožňuje zakoupená šablona, ale podle toho, co dává smysl hráči, zákazníkovi a zároveň člověku, který celý systém dlouhodobě provozuje.
Je nový FALLENS hotový?
A tentokrát je to dobře. Nové theme vytváří základ, nad kterým můžeme dál stavět.
Časté otázky k novému FALLENS
Tři věci, které dávají smysl říct úplně napřímo. Bez marketingové mlhy a bez nutnosti studovat zdroják theme.
Proč má FALLENS vlastní theme místo hotové šablony?
Protože jsme nechtěli přizpůsobovat fungování e-shopu omezením jedné zakoupené šablony. Vlastní theme nám umožňuje stavět navigaci, one-page checkout, obsahové série, slovníček i další funkce podle toho, co dává smysl při reálném nákupu a provozu FALLENS AIRSOFT.
Je checkout opravdu na jedné stránce?
Ano. Kontaktní a fakturační údaje, doručení, platba, kontrola objednávky i finální potvrzení jsou součástí jednoho checkoutu, takže zákazník nemusí procházet sérií samostatných kroků a mezi nimi pořád klikat na „Pokračovat“.
Kde najdu kontroly BBs a metrologické výsledky?
U vlastních BBs řešíme kvalitu nejen popisem produktu, ale také výstupními kontrolami a dostupnými daty. Interní kontroly šarží (průměr, hmotnost, oválnost) jsou na Metrologie / kontroly šarží; nezávislé měření O. Kotuly z dubna 2024 je jiné měření — udělal ho z vlastní iniciativy, neobjednali jsme ho a jen ho hostujeme na stránce Nezávislé hodnocení našich BIO kuliček →.
27. srpna jsem napsal, že nový FALLENS není hotový. Od té doby web přestal být „nové theme“ a začal být ostrý provoz: pomalý souhrn v pokladně, zákazník se starým CSS, dvojité články ve vyhledávání. To už je jiný text.
Pokračovat na díl 2 → Celá série
