Jak vytvořit grafiku e-shopu tak, aby co nejlépe vyhovovala vašim individuálním požadavkům a přitom nestála spoustu peněz a času? UPgates nabízí širokou škálu grafických možností, jak tento úkol elegantně vyřešit. Většinu z nich je možné provést přímo v administraci pomocí modulu designer, pro zbývající je třeba mít po ruce grafika nebo HTML/CSS kodéra.

Chcete grafiku na klíč?

Pokud nemáte čas nebo možnosti grafiku e-shopu řešit sami, udělá ji za vás náš tým vývojářů za cenu 14 500 Kč bez DPH. Objednávku můžete zadat v administraci vašeho projektu, který si založíte zde. Přejděte do Nastavení (ikonka vpravo nahoře), podkategorie Služby. Vyberte tarif Profi grafika a nastavení a klikněte na Objednat. Veškeré kroky s vámi budeme konzultovat, vše podléhá vašemu schválení. 

Možnosti grafiky

Úpravy v modulu designer: (nepotřebujete žádné speciální znalosti)

U placeného balíčku navíc provedeme poupravení dodaného loga, pokud to bude třeba. Podle loga vytvoříme favicon (ikonka v záložce prohlížeče).

Vytvoření jednotného barevného stylu dle nastavení základní a doplňkové barvy. Podkladovou barvou je vždy bílá. Ze základní barvy se tvoří grafické prvky. Pouze u konverzních tlačítek a nejdůležitějších prvků je použitá barva doplňková. Při určování barev jednoduše vyjdete z barevnosti loga.

K základní a doplňkové barvě se přidají odstíny šedé (zejména v obsahové části grafiky). Toto nastavení použijte v případě, že vaše základní barva je příliš výrazná. Barvy nebudou působit rušivým dojmem, přitom web neztratí na živosti.

  • Typ písma - Výběr z nabídky přednastavených fontů nebo možnost vložení vlastního z Google Fonts. Nastavení rozdílného typu písma u nadpisů.
  • Velikost písma.
  • Řádkování.
  • Poměr velikosti nadpisů k běžnému textu.
  • Styl nadpisů - tenký, normální, tučný.

V rámci jednotného stylu můžete upravit ohraničení grafických prvků tak, aby odpovídalo vašemu logu a firemní stylu.

  • Zaoblení - Nastavení poloměru zaoblení hran.
  • Styl - Plná, přerušovaná, tečkovaná čára.
  • Tloušťka - Tloušťka linie ohraničení v pixelech.
  • Ztmavení - Ztmavení nebo zesvětlení barvy linie ohraničení.

Nastavení stínů u vybraných prvků. Ty se opticky dostanou do popředí a grafika získá hloubku.

Nastavení grafického reliéfu u vybraných prvků (např. tlačítek, hlavičky atd.). Prvky budou působit plasticky.

Máte rádi vzdušnou grafiku nebo šetříte každý pixel, aby toho měl zákazník co nejvíce na jedné obrazovce? V rámci jednotného stylu můžete nastavit velikost rozestupů mezi jednotlivými částmi grafiky.

Poskládejte si strukturu e-shopu tak, aby co nejlépe vyhovovala vašemu způsobu prodeje. Z výběru přednastavených šablon a komponent si zvolíte tu nejvhodnější. Pokud jste si nevybrali, kontaktujte naši technickou podpory (více přímo v modulu designer). Navrhneme šablonu novou, nebo vám upravíme nějakou stávající.

Možnosti nastavení:

  • Základní rozložení - Nastavení do sloupců.
  • Šablony stránek - Např. hlavní stránka, seznam produktů, detail produktu, informační stránka atd.
  • Šablony komponent - Skládají se z nich stránky. Např. hlavička e-shopu, box produktu, banner, headlines atd.
Úpravy v editoru kódu: (vyžaduje znalost HTML nebo CSS kódu)

Šablony máte vybrány, takže se můžete pustit do jejich barvení (pokud vám nevyhovuje jejich výchozí nastavení).

Např. v hlavičce stránky chcete hlavnímu menu nastavit primární barvu atp.

Možnosti obarvení:

  • Bílá
  • Bílá s ohraničením
  • Výchozí (světlejší varianty základní barvy)
  • Primární (doplňková barva)
  • Inverzní (základní barva)

Aktuálně je možné upravovat barevnost šablon pouze v HTML kódu, nicméně pracujeme na jejich implementaci do designera, kde znalost HTML a CSS není nutná.

Ne vždy vám musí výchozí rozložení komponent v šabloně vyhovovat. Není problém je upravit na míru.

Např. na hlavní stránce si můžete přesunout aktuality úplně dolů atp.

Aktuálně je možné tyto změny provádět pouze v HTML kódu, nicméně pracujeme na jejich implementaci do designera, kde znalost HTML a CSS není nutná.

Chceme, aby se UPgates co nejlépe přizpůsobil vašim individuálním potřebám. K tomu slouží tzv. vlastní pole, která se v administraci e-shopu nastaví a jejich obsah se zobrazí na webové části.

Např. potřebujete v detailu produktu zobrazit záložku "Tabulka velikostí" atp. Pomocí vlastních polí a úprav v editoru kódu je možné zobrazit na webové části e-shopu téměř jakékoli dodatečné informace.

Přístup do grafických šablon je otevřený. Je možné tedy upravovat HTML, CSS a JS kód a ještě více e-shop přizpůsobit vašim individuálním potřebám. Do prostředí šablon se lze dostat pomocí vestavěného editor kódu nebo připojením k FTP serveru.

Grafické práce: (vyžaduje znalost práce s grafickým editorem)

Originální grafické téma dle vaší firemní identity pro tyto grafické prvky:

  • Pozadí v hlavičce e-shopu,
  • pozadí v hlavičce panelů,
  • obrázky v animovaném banneru na hlavní stránce,
  • pozadí v reklamních headlines.

K dispozici je grafická šablona, kterou si upravíte v grafickém editoru Adobe Photoshop do požadované podoby. Výsledek nahrajete do grafiky svého e-shopu. Vše je optimalizováno pro mobily a tablety.

Součástí placeného balíčku jsou 2 hodiny individuálních úprav v HTML a CSS šablonách. Práce nad rámec jsou účtovány sazbou 1200 Kč za hodinu (bez DPH). Budete o nich předem informováni a jejich realizaci musíte písemně schválit.

Ukázky hotových e-shopů

Seznam funkcí: