Kritika webu https://fitkram.cz
https://fitkram.cz
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Neaktivní uživatel:12.6.2015 10:20
Občas si tu chvíli musíš počkat, častí přispěvatelé do Kritiky
webů jsou zaneprázdnění, v mém případě spíše líní. 
Web na mě působí odtažitě a neosobně, skoro jako by to byla pouze výchozí šablona v Bootstrapu (což věřím, že není). Používáte vzor F, což bych řekl, že je v tomto případě správně, nicméně košík v horní liště tu působí poněkud osaměle. Možná bych druhou část z postranního menu přesunul nahoru.
Občas na mě vybafne přespříliš syté písmo (červená, žlutá). Možná by bylo vhodnější vybírat barvy z předpřipravené palety barev. Postranní menu mě nemění kurzor, což ve výsledku vyvolává pocit, že se nejedná o odkaz.
Když fotíte produkty, je dobré si s fotografiemi trochu vyhrát, v tomto případě konkrétně s vyvážením bílé. Pokud s tím nemáte zkušenosti, pak například v Zoner Photo Studiu otevřete fotografii v záložce Editor, nástroj Rychlé úpravy a Ručním vyvážením si kapátkem vyberte oblast, která má být bílá.
Pokud jde o kód, deklarujete HTML5, ale nepoužíváte ho. Poohlédněte se po značkách, které by webu přispěly v konkrétnosti. Interní styly jsou většinou pomalejší, určitě by se to vešlo do původního externího stylu. Trochu mě mrzí JavaScript uprostřed souboru. Jinak to není nic příšerného.
Jinak chválím responzivitu stránky, to se tu často nevidí.
Vzhled: 6/10
Použitelnost: 8/10
Kód: 7/10
Celkem: 7/10 za 3 hvězdičky
Fitkrám.cz:12.6.2015 10:58
To je v pořádku, není kam spěchat.
- Nad přesunem některých informací z levého menu nahoru těsně pod lištu s logem a košíkem jsme přemýšleli ale nenašli jsme úplně vhodnou variantu ve které by to vypadalo dobře. Určitě se na to ale podíváme znovu.
- červenou máme u některých věcí vyzkoušenou jako účinnou. Oranžovo / žlutou z levého menu jsme ale dali pryč (ano, byla opravdu příšerná).
- Máme Mac s GIMPem (s fotografiemi opravdu méně než více zkušeností). Zkoušel jsem vše možné ale ve výsledku mi vyšla nejlepší fotografie originální tak jsem ji zachoval (hodláme nechat nafotiti profi fotky).
- Těmi značkami ke konkrétnosti jsou myšlena microdata? JavaScript uprostřed jsme přesunuli dolů a dali do externího souboru, styl přesunuli do CSS k ostatním.
Stále je pořád co zlepšovat ale každopádně vám děkuji za vaše rady a postřehy - velmi si jich cením.
Děkuji.
Neaktivní uživatel:12.6.2015 15:06
1.) Určitě se na to podívejte. Jestli mohu poradit, můžete si vzít inspiraci z http://insurancebyjack.co.uk/ (tedy ohledně toho horního
menu).
2.) Ano, červená skutečně je efektivní bráno z pohledu copywritera nebo
ekonoma. K samotnému designu se to ale moc nehodí. Mno, přímo do očí to
nebije. Existuje menší trik, který by vám mohl pomoct vybrat správný
odstín červené.
Nejprve v GIMPu (když už ho tedy máte) kapátkem nastavte barvu na tu modrou,
kterou aktuálně používáte na webu. Ponechte sytost (S) a jas (V/B) na
stejných hodnotách a odstín (H) pomalu přesuňte do hodnot červené (model
HSB/HSV).
3.) Nejlepší bude určitě fotky znovu nafotit (nejlépe do formátu RAW) na čistě bílém pozadí, se správnou expozicí, mírně nakloněný do úhlu vnikající na pravou stranu stránky, se značkou na kameru (v tom u vás není problém, jinak to ale vidím často). Nemusíte se bát to vyfotit na zeleném pozadí a softwarově jej poté odstřihnout. Tento efekt je také velmi účinný. Na ukázku se můžete podívat třeba na stránky Alzy.
4.) Těmi značkami jsem myslel spíše <section>, <aside>, <nav>, <figure> a tak podobně. Pomáhá to vyhledávačům například s porozumněním obsahu.
Mno, přeji hodně štěstí, ať se vám obchod vydaří.
Fitkrám.cz:12.6.2015 15:23
- Aha, myslel jsem to trochu jinak ale tohle vypadá taky dobře. Otázkou je jestli tam pak ten košík bude dost viditelný.
- Vyzkouším, díky za tip.
- S fotkami ještě musíme opravdu popřemýšlet protože takhle nejsou úplně ideální a sám bych si je přál úplně jiné. Zelené pozadí by bylo ideální ale nevím jak jej udělat co nejlépe s běžným vybavením (možná nějaký obří zelený papír).
- Abych pravdu řekl nemám s těmito tagy příliš zkušeností, takže mám co zkoumat.
Díky za cenné rady
Neaktivní uživatel:12.6.2015 15:39
Myslím, že nějaká A3 čtvrtka by úplně stačila. Odebrat pozadí lze
potom třeba i v PowerPointu. Výsledný obraz pak lze srovnávat i s
profesionálními snímky. Nicméně GIMP bude asi vhodnější. Potom pravé
tlačítko, Color, Color to Alpha. Popřípadě v české lokaci Barva, Barva do
průhledné.
Neaktivní uživatel:12.6.2015 15:45
Ta klíčovací pozadí jsou docela drahá (asi 1500 - 2000 Kč). Takže
pokud do toho nechcete investovat, můžete zkusit nějaké
zelené/modré/bílé povlečení. 
Možná ale bude potřeba nastavit vyšší ISO.
Fitkrám.cz:12.6.2015 15:47
To asi dáme radši za to pozadí. Týdně stejně fotíme několik fotek jako dostáváme nové a nové zboží takže se to do budoucna rozhodně vyplatí.
Povlečení raději ne
Filip Oborník:12.6.2015 17:20
Mně tedy přijde naprosto zbytečné kupovat klíčovací pozadí, když ho
potřebuješ jen na vyfocení malých produktů. Určitě postačí třeba
barevná A3 nebo jak už bylo zmíněno, nějaká látka. Pak už je to jen o
správném nasvícení. Účel to splní naprosto stejně 
Teď k webovkám:
Moc se v tvorbě webu zatím neorientuji, takže kód rozhodně řešit nebudu
Jak jsem poprvé vstoupil na web, přišel mi takový moc jednoduchý. Ano,
říká se, že v jednoduchosti je krása, ale ...
Rozhodně bych e-shopu vytvořil nějaké logo. Jednoduchý nápis "Fitkrám" moc neupoutá. Většina obchodů má logo, protože se s ním prezentují. Pokud vymyslíš nějaké pěkné a lehce zapamatovatelné, zákazníci si ho budou pamatovat a váš krám poznají i na "dálku". Možná bych zkusil vymyslet i nějaký slogan, ale to je vedlejší.
Vysvětlení funkce produktů (BCAA, Protein, ...) bych přemístil někam více na oči. Přeci jen, tam dole to není moc vidět. Ale budiž.
Jak již bylo zmíněno, postranní menu mění kurzor jen po najetí na text. To bych rozhodně změnil a nechal bych změnit kurzor ihned po najetí do pole ohraničujícího text.
Při otevření podrobností o šejkru, je tam, jako u ostatních výrobků,
možnost zjistit nutriční hodnoty, dávkování a složení. To je přeci
blbina. I když tam nic není, působí to přinejmenším divně Rozhodně bych to dal pryč.
Všechno tohle je můj neprofesionální názor, takže ho neber nějak moc vážně. Spíš jen jako takový podnět. Ale jinak se mi e-shop rozhodně líbí. Jako velké plus bych uvedl možnost kontaktovat vás přes červenou lištu vpravo dole. Je to mnohem lepší než hledat na webu kontakt a pak to ještě muset napsat ze svého emailu.
Tak přeji hodně spokojených zákazníků
Filip Oborník:12.6.2015 18:49
No tak pokud by ty produkty byly velké, dá se použít nějaká látka, ale
do toho vám nechci a ani nebudu kecat
No nemyslel jsem popis přímo konkrétního produktu, ale ten obecný (třeba k čemu jsou obecně proteiny dobré a tak). Je to super nápad tam dát popis, k čemu je obecně protein dobrý, ale zaniká to tam. Myslím si že by bylo lepší to přemístit někam nahoru. Přeci jen pro laika je to docela užitečná informace a takhle by ji mohl přehlédnout.
A to, že se věnujete e-shopu 13 hodin denně vám věřím. Provozovat e-shop a ještě k tomu si ho sám napsat není žádná sranda. Klobouk dolů.
Tak ještě jednou přeji mnoho štěstí
Mě tedy jako obyčejnému návštěvníkovi po příchodu chybí něco, co by mě oslovilo, popostrčilo k nákupu. Je to zkrátka takové nevýrazné. Hlavním cílem obchodu je přece upoutat, "vnutit" produkt, provést jednoduše výběrem, doporučením, nákupem. Klidně bych menu udělal menší, skromnější a ušetřené místo bych předal větším a poutavějším obrázkům.
Vlevo dole je tabulka "Proč nakoupit u nás" a je nevýrazná a snadno
přehlédnutelná a přitom tam jsou bonusy pro návštěvníka ty
nejdůležitější a potažmo i pro Vás
Na titulní straně bych se vůbec nebál udělat netradiční rozložení
produktů, slogany, akční nabídky. Zkrátka aby to už napohled křičelo na
návštěvníka "kup si mě a bude Ti fajn". Například první tři hlavní a
pod nimi další menší. Zkrátka přimět nenásilně návštěvníka k tomu
kliknutí na produkt a tam poté na objednávku
Celé by to mělo být předmětem testování. Vytvořit více designů
landing page a vždy pozorovat a porovnávat (třeba v měsíčním intervalu),
která konvertuje nejlépe
Nebojte se hledat inspiraci u jiných eshopů, hlavně těch velkých, které
do takových testování vkládají obrovské peníze a tak je výhoda, když
umožňují inspiraci pro ostatní, začínající. Právě ty velké eshopy
kladou důraz na co největší konverzní poměry a přitáhnutí pozornosti.
Ale svou roli hraje i marketing
Fitkrám.cz:12.6.2015 21:16
Font je způsobený tím že jej pro rychlejší načtení načítáme JavaScriptem až později po načtení celé stránky (aby se nezdržovalo). Při běžném načítání to je sice ihned ale zdržuje to načítání celého webu (je to font od Google).
Zkoušel jsem najít nějaký problém u toho rozklikávání dávkování, parametrů, hodnocení atp ale nic jsem nenašel. Mohu vás požádat o informaci jaký prohlížeč na jakém systému se jedná a případně nejlépe screenshot?
Díky za reakci!
Neaktivní uživatel:12.6.2015 21:56
Screen je z Chrome, ale v IE to je stejný.
Stejně tak i na mobilu(Windows Phone)
Zobrazeno 21 zpráv z 21.