Tvorba nového webu pro Sporten

Čistý design, minimalistické efekty

Web jsme udělali co nejvíce jednouchý a čistý, hlavně aby nehýřil elementy, barvami a byl pro zákazníka co nejvíce srozumitelný. Jeho vzhled jsme tedy vyvedli do bílo-červeno-modré trikolóry loga Sportenu, ke kterým jsme přidali ještě elegantní černou. Tyto barvy se objevují po celém webu, čímž nenásilně budujeme taktéž brand awareness.

Výběr několika barev nám poskytl možnost využít je v příjemných detailech a efektech, které poutají pozornost, ale zbytečně nekřičí, např. prostorová tlačítka typu „Všechny produkty“, červená tlačítka vyhledávání s lupou anebo dynamická roztahující se trikolóra v zobrazení technologií.

Přirozené propojení několika oblastí

Celý web je vzájemně velmi úzce provázaný. Všechny produkty je možné si prohlížet v katalogu, porovnávat mezi sebou a získávat důležité informace, které pomáhají zákazníkovi ve výběru a rozhodování. Mezi nimi třeba i použité materiály a technologie.

Jednotlivé varianty produktů jsou napojené na konkrétní dodatečné vybavení a rovněž skladovou dostupnost a výslednou cenu. Jakmile se tedy zákazník vybere lyže určité délky, je mu k nim nabídnuto odpovídající vázaní, jestli jsou skladem (v případě že nejsou, nabídne vznést poptávku), a nakonec cena.

S produkty jsou propojené i partnerské prodejny. Ty může zákazník vyhledávat třemi způsoby:

1. interaktivně na mapě, kde se proklikne na detail prodejce nebo do map od Googlu;
2. textově po zadání názvu města do vyhledávání, kdy vyjede výsledek s prodejnami v odpovídající oblasti;
3. filtrem podle typu vybavení, které nabízejí, např. zaškrtne-li zákazník běžky, na mapě se mu vyfiltrují pouze ty prodejny, které je prodávají.

Web s bezstarostnou budoucností

Pro Sporten jsme co nejvíce sjednotili a zjednodušili administraci webu. Ta je připravená tak, že se nic nerozpadá. Klient může téměř cokoliv editovat a upravovat (od lyží a běžek přes partnerské prodejny až po materiály a technologie), ale též přidávat a rozšiřovat do budoucna. Libovolně může specifikovat vlastnosti produktu v detailech, jako třeba charakteristiku, specifikaci, geometrii a varianty.

Větší autonomnost webu je zajištěna pomocí automatické synchronizace s výrobou na pozadí, díky čemuž je zákazníkovi umožněno takřka v reálném čase sledovat, jaké produkty Sporten naskladňuje. Tento prvek také šetří klientovi spoustu času a práce, protože se nemusí starat o skladové zásoby a náročně je tam ručně zadávat.

Technicky vyladěný web

Přestože jsme si s webem vyhráli ve funkcích a designu, samozřejmostí pro nás bylo i vyladění po technické stránce. Proto jsme závěrem ještě:

• udělali kompletní responzivitu pro desktop, tablet a mobilní telefony;
• zkontrolovali funkčnost na různých internetových prohlížečích;
• provedli základní nastavení z hlediska SEO (URL adresy, názvy a popisky stránek a obrázků, odkazování, drobečková navigace);
• aktivovali Google Search Console a Google Analytics;
• odladili stránky, aby se načítaly co nejrychlejší a byly uživatelsky co nejpřívětivější (Page Speed a Core Web Vitals);
• implementovali používání formátů nové generace typu WebP.