Představujeme AURORA 2.0, novou verzi základní šablony inPage. Přináší čistší a modernější vzhled, e-shop navržený pro mobil, přehlednější karty článků a produktů a nové prvky stránky. Zároveň je to základ, ze kterého budeme připravovat nové Profesní šablony i weby na zakázku. Podívejte se, co se oproti původní šabloně AURORA změnilo.
Proč nová základní šablona
Základní šablona je pro nás víc než jeden z mnoha designů. Je to stavebnice, ze které vychází všechno ostatní: sada sekcí, bloků, tlačítek, typografie a pravidel, podle kterých se web skládá. Čím lépe je postavený základ, tím rychleji a kvalitněji z něj vznikají konkrétní weby.
Původní AURORA nám v tom dobře sloužila. Design webů se ale posouvá a my chceme, aby weby na inPage vypadaly současně hned od prvního spuštění. Proto jsme základní šablonu přepracovali a vznikla AURORA 2.0.
Co AURORA 2.0 znamená pro Profesní šablony a weby na zakázku
AURORA 2.0 se stává výchozím bodem pro naši další práci:
- Nové Profesní šablony – šablony připravené pro konkrétní obory budeme stavět právě na šabloně AURORA 2.0. Dostanou tak jednotný, moderní vizuální základ a všechny sekce, které nová verze nabízí.
- Weby na zakázku – když pro vás budeme web navrhovat na míru, začneme ze šablony AURORA 2.0. Díky hotové sadě sekcí a bloků se můžeme víc věnovat obsahu a tomu, čím se vaše firma liší, a méně skládání základů.
- Jednotný systém – protože vše vychází ze stejného základu, budou se nové šablony a weby chovat konzistentně a vylepšení základní šablony se mohou snáz promítnout i do nich.
Co je v šabloně AURORA 2.0 nového
Obsah webu zůstává stejný, mění se to, jak web vypadá a jak se na něm čte a nakupuje. Tady jsou hlavní rozdíly oproti původní šabloně AURORA. Všechno, o čem píšeme, si můžete prohlédnout naživo na vzorovém webu šablony AURORA 2.0.
V kostce: čistší a modernější vzhled celého webu v 16 barevných variantách, užší vycentrovaný layout s vlastním motivem pro každou stránku, e-shop navržený pro mobil, přehlednější karty článků, rubrik a produktů, nové záložky a rozbalovací seznamy. Vzhled jde doladit z administrace a web zůstává stejně svižný.
Vzhled
- Nové písmo Mona Sans a jemnější barva textu. Nadpisy zůstávají výrazné, běžný text je o odstín světlejší a lépe se čte. Původní šablona používala systémové písmo, takže web vypadal na každém zařízení trochu jinak.
- Obsah v kartách s decentním rámečkem, stínem a zaoblenými rohy. Pozadí stránky je o odstín tmavší než karty, takže obsah přirozeně vystoupí.
- Zaoblené rohy v celém webu: obrázky v obsahu stejně jako karty, sekce Záložky i sekce Služby, kde má každá položka podobu zaobleného bloku.
- Jednotná pravidla pro celý web. Články, produkty, formuláře i panely mají stejné zaoblení, stíny a odsazení.
- 16 barevných variant. Šablonu si můžete nastavit v jedné ze 16 barevných variant – osmi světlých a osmi tmavých. Barevné schéma si jednoduše vyberete v administraci webu v sekci Vzhled pod položkou Šablona a sladíte ho s barvami své firmy.
- Vyladěné tmavé varianty. Místo stínů, které na tmavém pozadí nejsou vidět, kartu zvýrazní jemná světlá hrana nahoře.
Přehled všech sekcí najdete na vzorovém webu na stránkách Základní sekce a Dynamické sekce.
Rozložení stránky a motiv
- Užší, vycentrovaný layout. Obsah je vycentrovaný a do stejného středového sloupce se nově zarovnává i hlavička s logem a menu. Stránka působí jako jeden kompaktní celek a je ideálně uzpůsobená pro čtení, a to i na širokých monitorech.
- Vlastní motiv pro každou stránku. V původní šabloně AURORA byl motiv společný pro celý web. V šabloně AURORA 2.0 se zobrazuje jen na úvodní stránce a u ostatních stránek si ho můžete nastavit přímo pro konkrétní stránku, nebo ho vynechat.
- Mezery mezi sekcemi se plynule přizpůsobují velikosti obrazovky.
Obsah a čtení
- Nadpisy a úvodní texty zarovnané doleva, jak jsou čtenáři zvyklí. Původní šablona je centrovala.
- Karty článků s pevným řádem: obrázek, nadpis, perex zkrácený na čtyři řádky a drobně datum s rubrikou. Karty v řadě lícují, i když u některé chybí perex nebo datum.
Jak vypadá výpis článků naživo, uvidíte v ukázkové rubrice.
E-shop
- Na mobilu dva produkty vedle sebe místo jednoho. Zákazník vidí víc zboží a méně posouvá. Tlačítko do košíku je přes celou šířku karty, aby se na něj dobře ťukalo.
- Karta produktu se přizpůsobí své šířce. Když je úzká, schová výběr množství a roztáhne tlačítko, takže se nic nerozpadne ani na menším notebooku.
- Ceny v řadě produktů jsou ve stejné výšce. Název má nejvýš tři řádky, popis čtyři.
- Fotky produktů vždy celé, nic se neořízne. Pod fotky jde nastavit podklad, třeba bílý pro fotky na bílém pozadí.
- Detail produktu: fotka využije celou výšku vedle popisu a štítky se slevou mají čisté místo v rozích.
- Menu kategorií zvýrazní položku pod myší i aktivní kategorii. Na mobilu je z něj přehledná rozbalovací karta.
- Filtry v jednom řádku: kompaktní vyhledávání s lupou, řazení a zaškrtávací filtry.
- Řádkový výpis produktů má slevu na rohu obrázku a tlačítko přímo pod cenou.
Vyzkoušejte si e-shop na šabloně AURORA 2.0 sami, nejlépe i na mobilu.
Navigace a prvky stránky
- Drobečková navigace lícuje s obsahem, místo lomítek používá šipky a dlouhé názvy zkrátí.
- Čistší hlavička: vyhledávání se schovává pod ikonu lupy, takže navigace má víc místa.
- Mobilní menu: i když je otevřené, zůstává vidět logo, košík, účet a vyhledávání.
- Záložky vypadají jako moderní přepínač a obsah se mění plynule. Na mobilu se posouvají do strany.
- Rozbalovací seznamy, třeba časté dotazy, mají podobu samostatných karet se šipkou.
Pro správce webu
- Vzhled se dá doladit z administrace. Zaoblení rohů, barvy ploch nebo podklad fotek produktů jdou změnit jedním řádkem ve vlastním CSS.
- Připravené stavební prvky pro vlastní sekce: karta, rámeček, stín a odsazení. Nové sekce tak vypadají stejně jako zbytek webu.
- Obsah se nemusí předělávat. AURORA 2.0 je nadstavba původní šablony, takže obsah webu zůstává tak, jak je.
Rychlost a přístupnost
- Web zůstává svižný. Nový vzhled stojí čistě na stylech, bez nových skriptů a knihoven navíc. Moderní design tak nepřichází na úkor rychlosti a web se načítá stejně rychle jako dosud.
- Lepší ovládání z klávesnice: záložky, menu kategorií a vyhledávání jsou při něm zřetelně zvýrazněné. Popisky pro čtečky obrazovky zůstávají a animace respektují nastavení „omezit pohyb“.
Co bude dál
AURORA 2.0 je pro nás začátek. V dalších měsících na ní postupně postavíme nové Profesní šablony pro konkrétní obory a budeme z ní vycházet i při tvorbě webů na zakázku.
Zároveň pro šablonu AURORA 2.0 připravujeme zcela nové sekce, které nám dají ještě víc možností při návrhu designu i struktury webu. Stránky půjde skládat pestřeji a lépe je přizpůsobit tomu, co chcete návštěvníkům ukázat. Nové sekce i šablony vám postupně představíme tady na blogu.
Prohlédněte si šablonu AURORA 2.0 naživo. Na vzorovém webu aurora20.webinpage.cz najdete všechny prvky a možnosti nové šablony: sekce, výpisy článků, e-shop i detail produktu.
Pokud uvažujete o novém webu nebo o webu na míru, ozvěte se nám. Rádi vám ukážeme, co se dá na šabloně AURORA 2.0 postavit právě pro vás. Napište nám na info@inpage.cz.
