Konfigurátor grafiky

Jak vytvořit rychle a zdarma grafiku e-shopu tak, aby co nejlépe vyhovovala vašim individuálním požadavkům a přitom to nebyla žádná šablona? Díky modulu designer nabízí UPgates širokou škálu možností, jak tento grafický úkol elegantně vyřešit. Není k tomu potřeba umět programovat, kódovat ani být grafikem. Podle vlastního citu a zkušeností zvolíte vhodné konfigurace komponent, barevný styl a rozložení e-shopu.

Úpravy v kódu

Většinu grafických úprav provedete v administraci pomocí modulu designer. Pro ty zbývající je třeba mít po ruce grafika nebo kodéra, který má možnost upravovat HTML, CSS/LESS a JS kód. Díky tomu získá e-shop unikátní vzhled až do nejmenších detailů.

Grafika na klíč?

Pokud nemáte čas grafiku v modulu designer nastavovat sami, práci za vás udělá náš tým designerů za cenu 14 500 Kč bez DPH. Rozsah prací uvádíme níže. V ceně jsou zahrnuty 4 hodiny individuálních úprav (např. přidání vlastních polí do HTML kódu, grafika bannerů, headline atd.). Práce nad rámec jsou účtovány sazbou 1 200 Kč / hod (bez DPH). Budete o nich předem informováni a jejich realizaci musíte písemně schválit.

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í. 

Ukázky hotových e-shopů

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 komponent si zvolte tu nejvhodnější. Pokud jste si nevybrali, kontaktujte naši zákaznickou podporu (více přímo v modulu designer). Za poplatek vám přizpůsobíme některou ze stávajících komponent.

Možnosti nastavení:

  • Základní rozložení - Nastavení struktury e-shopu do sloupců.
  • Rozložení stránek - Např. hlavní stránka, seznam produktů, detail produktu, informační stránka atd.
  • Rozložení komponent - Skládají se z nich stránky. Např. hlavička e-shopu, seznam produktů, bannery, headlines atd.

Komponenty máte vybrány, takže se můžete pustit do přizpůsobení jejich vzledu vašim potřebám.

Např. chcete mít v hlavičce stránky menu v inverzní barvě a zbytek v bílé.

Možnosti barvení:

  • 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)

Vedle barvení nabízíme ve vybraných komponentách také možnosti zarovnání, vložení obrázku do pozadí a mnoho další užitečných nástrojů.

Úpravy v editoru kódu: (vyžaduje znalost HTML nebo CSS kódu)

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.

Seznam funkcí: