Spouštíme nové webové stránky pro e-shop Novinky s chutí

Chtěli bychom vám představit náš nový web pro společnost Brand Box s.r.o., která umožňuje každý měsíc objevovat novinky na trhu potravin. Zákazník si jednoduše zakoupí předplatné boxu, které mu je doručeno až domů. Tam může produkty následně otestovat a ohodnotit na webu https://novinkyschuti.cz/.

Vývoj tohoto webu byl složitý a je to jeden z nejnáročnějších projektů, které jsme kdy realizovali. Není to tím, že by e-shop měl spousty funkcí, nemá ani konfigurátor nebo jiné zapeklité funkcionality. Co ale má je předplatné, vysokou návštěvnost a tisíce předplatitelů. V kombinaci s těmito třemi body vznikají problémy a nikdy se jim nelze zcela vyhnout. V tomto článku bychom vám velmi rádi popsali, jak vývoj probíhal.

Webové stránky jsou postavené na redakčním systému WordPress a e-shop pracuje na doplňku WooCommerce. Web funguje na šabloně Porto, ale ta je kompletně přepracovaná a upravená na míru. Aby web mohl fungovat, byl na míru sepsán plugin, který umožňuje ovládat několik specifických funkcionalit. Naši programátoři mají ve vývoji pluginů na míru velký rozhled a dokážeme tak vytvořit téměř cokoliv.

Projekt Novinky s chutí známe už rok a za tu dobu jsme udělali velký krok práce. Stále nás ale stovky hodin na projektu čeká. S postupným vylepšováním a psaním nových řádků kódu se web zvětšuje a tím se musí hlídat mnohem více bodů než obvykle. Pro klienta tak zajišťujeme celkovou správu webových stránek, která je u tohoto projektu nutná. Staráme se pravidelné zálohy, bezpečnost a rychlost. Tím nejdůležitějším aspektem je ale bezpečnost. Nemůžeme si dovolit únik citlivých dat a tak e-shop obden skenujeme na škodlivý malware. Ze zkušenosti víme, že právě tyto velké e-shopy bývají často terčem hackerských útoků. Proto pro web používáme vždy nejaktuálnější verze redakčního systému a pluginů.

Pokud i vy hledáte kvalitního dodavatele webových stránek nebo e-shopu pro svůj projekt, neváhejte nás kontaktovat. Máme k dnešnímu dni vytvořeno přes 600 firemních webových stránek a 180 eshopů. To vše postavené na redakčním systému WordPress.

Jaké trendy ve web designu nás čekají v roce 2022?

Nyní máme začátek října a to je nejlepší čas napsat jaké trend nás čekají v roce 2022. Po pandemické pauze, kdy rok 2021 nebyl nic moc, tak nás v oblasti designu čeká velký boom. Web designéři by se nyní měli soustředit na nové grafické směry, aby sladili své trendy, postupy a aby mohli v následujícím roce překvapit. Člověk si až říká, vždyť je toho tolik, že již nelze ničím překvapit, ale je. Ve spojením s moderními technologiemi vzniká mnoho zajímavých grafických prvků.

Firmy a zákazníci vnímají webový design, jako stále velice důležitý. Znakem vyjádření značky byl pokaždé nějaký design a to v dobách než se objevil internet a webové stránky nebyly zatím tak rozšířené. V dnešní době je web design střetem online světa veškerých značek. Je známo, že je mezi námi skoro 5 miliard aktivních členů na internetu po celém světě.

V květnu letošního roku Google zahájil aktualizaci Page Experience, která klade velký důraz na UX. To značí, že weboví designeři by se měli zaměřit na prvky, jako jsou rychlost načítání, lazy load, bezpečnost, interaktivita a vizuální stabilita.

Nyní se podíváme, jaké trendy nám nachystá webový design v roce 2022

Kolektiv z Red Website Design se podílí na těchto trendech web designu pro rok 2022 a mezi ně patří dynamický obsah, přístupnost, tmavý režim, bílý prostor, optimalizace hlasového vyhledávání, dynamické posouvání, design pro palec, interaktivní obsah a rychlejší načítání stránky.

Podívejme se na podrobnější obsah nových trendů, které nás čekají v příštím roce.

Radost a optimismus

Po skoro dvouleté celosvětové pandemii byli lidé velmi omezováni a setkali jsme se se spousty záporných reakcí a událostí. Ale web designy nám přinesou v roce 2022 radost a optimismus. Skvělou zprávou je, že součástí web designu bude vizuální optimismus a ten vnese barevná schémata, zábavné funkce, mimořádnou typografii a hodně pozitivních a radostných vjemů. Dále se můžeme těšit na trend barevného minimalismu, kde prosté prvky a výstižné barvy ponesou uživatelům kladné vibrace.

Názornou ukázku trendu nalezneme na webových stránkách obchodu, který se zabývá tetováním, zvaný Bernard Forever. Online prožitek představuje pocity zábavy, kde je znázorněna animovaná postavička a jemné prvky.

Všímavý web design

Během pandemie a restrikcí začali lidé být více všímaví, uzavření v jejich domovech, což mělo dopad na náš osobní život. Život se tak stal tišším a prázdnějším místem pro náš rozvoj. Tyto pocity chtějí web designeři použít do svých návrhů v následujícím roce.

Očekáváním je návrat jednoduchých a čistých designů, kde budou využita prázdná místa. Obsah a uživatelé budou moci dýchat, tomu se říká všímavý web design. Zapomeňme na hodně informací, přebytečnou grafiku a unavující přehlcené online prostory, lidé nacházejí větší oblibu v jednoduchosti.

Více vylepšujících vizuálních detailů

Králem marketingu je vizuální obsah, je tomu tak i ve webovém designu. Vizuální obsah je populární u internetových uživatelů. Předpokládáme, že weboví designeři posunou digitální vizualizace na lepší úroveň. Designeři využijí kvalitní design díky technologiím, které se v současnosti vyvíjí.

Co se týče kvality obrazu, tak ta se vylepší z HD na 4K, 6K nebo dokonce 8K. Animace a 3D design budou interaktivnější než před tím.

Tlumené zemské tóny

Omezené žití redukovalo naše možnosti a to většinu lidí přijmulo navštívit přírodu. Z uzavřených prostorů jsme se vydali do hor nebo se jen tak projít do blízkého parku. Současný web design je ovlivněn vztahem s naším prostředím.

Můžeme tedy vidět, jak designeři zvolí klidné, tlumené a zemité tóny, když se bude jednat o ilustrace a barvy na pozadí. Na nás to působí klidně a uvědomíme si, jak často hledíme do obrazovek. Tento design má na nás účinkovat skromně a nezatěžovat naše oči.

ScrollyTelling

Jedním z nejoblíbenějších trendů web designu je ScrollyTelling, jinými slovy interaktivní skrolování. Scrollytelling je termín, který byl poprvé použit v žurnalistice. Tehndy The NewYork post vydal článek, kde tento styl byl použit.

ScrollyTeling má velkou výhodu v tom, že uživatelé nemusí na nic klikat, jen skrolují kolečkem myši a tím vidí celý obsah na webu. Tento vizuální prvek lze vidět zejména u webů, které se věnují sportu, medicíně, vědě nebo obchodu.

Naše studio Fresh Mill pravidelně nové trendy v oblasti designu sleduje. Pokud i vy pro svůj projekt hledáte kvalitního dodavatele webových stránek, neváhejte se nám ozvat. Weby tvoříme na míru včetně návrhu uživatelské struktury, grafického návrhu, kódování, programování a napojení na redakční systém WordPress.

Mohlo by vás zajímat, že pro minulé roky jsme napsali hned několik web design trendů.

Autor: Bc. Veronika Šrolová

JavaScript vs jQuery. Co to je a jaký je mezi nimi rozdíl?

Již jsem to zažil nesčetněkrát a popravdě vůbec nevím jak si to vývojaři mohou mezi sebou plést. Chápu, že pro laika je tohle složitější, ale nechápu, když mi začínající programátor řekne, že JQuery lze psát samostatně. Abych to dlouho nenatahoval tak vám v tomto článku vysvětlíme základní rozdíly, co je to JavaScript, co je to JQuery a jestli má cenu se jQuery učit.

JavaScript je nezávislý jazyk, který může fungovat samostnatně. JQuery je framework, který vám umožní psát JavaScript rychleji. Nejsou to programovací jazyky, oba dva jsou JavaScript. JQuery byl optimalizován tak, aby nabídl menší počet řádků kódů.

Co je to JavaScript

Pozor na to, ale JavaScript (JS) není Java. S Javou nemá nic společného, takže na tohle opravdu bacha. JS je dynamický programovací, scriptovací jazyk. Funguje ve všech moderních prohlížečích a je považován za jazyk, který byl u zrodu webových stránek.

JavaScript se nejčastěji používá, aby web nepůsobil nudně, ale byl dynamický. To znamená, že JS využijeme, když chceme nějaké pěkné animace, přechody a různé doplňky.

Co je to jQuery

JQuery je knihovna JavaScriptu a nelze ji psát samostatně. Zjednodušuje psaní JavaScriptu a umožňuje tak rychlý vývoj webových stránek. Není to programovací jazyk, ale multiplatformní knihovna Javascriptu. Kromě této knihovny jich na JavaScriptu existuje ještě několik, například MooTools, Knockout a dokonce i Angular, který používá TypeScript, ale jQuery je z nich nejpopulárnější.

Nyní si možná říkáte čím si to zasloužila? V té době nabídla něco, co nikdo jiný. Díky jQuery můžeme napsat funkci o pár kódech, zatímco pokud bychom ji psali pouze v Javascriptu, bylo by řádků mnohem více.

Uvedeme si menší příklad, pokud bychom chtěli vybrat všechny prvky na webu, které mají class zkouska.

document.getElementsByClassName("zkouska");   

A nyní ten stejný řádek kódu napsaný v jQuery.

$('zkouska')  

Pokud na svých webových stránkách chcete využít knihovnu jQuery, musíte zahrnout do záhlaví webových stránek tento řádek kódu.

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script > 

Mám cenu se jQuery učit?

Dle našeho názoru byste nějaké základy měli rozhodně mít, protože jQuery hraje v JavaScriptu významnou roli, ale při vývoji nových projektů by se používat nemělo, protože nové projekty cílí na moderní prohlížeče. To, že jQuery v popularitě upadl se dalo čekat. Není tak úhledný jako nástup nových frontendů Vue či React. Každopádně stále není mrtvý, pořád se najdou miliony uživatelů, kteří tuto knihovnu JavaScriptu používají.

Před několika lety bylo velmi populární, zrodilo se totiž ve světe, kde JavaScript byl o ničem. To až knihovna jQuery ho proslavila. Bylo to něco co se nám uživatelsky moc líbilo, bylo to přívětivé a umožňovalo to vytvořit jednoduché JavaScriptové animace. Knihovna také pomohla zjednodušit práci s AJAX.

Závěrem lze říci, že dnešní doba je jiná a popularita jQuery klesá. Každopádně ano, jQuery se naučte. Stále ho budete potřebovat.