Pux.Reference.Contact.ImgAlt
Chcete podobný projekt? Ozvěte se Jiřímu.

PUXweb 2026: Naše vývojová, marketingová a AI laboratoř

Prezentační weby Kreativa Marketing
Prohlédnout:
www.puxdesign.cz

Redesign vlastního webu jsme dlouho odkládali. Práce pro klienty má v agentuře vždycky přednost, a tak se nová verze PUXího webu rodila po částech téměř rok a půl. Výsledkem je ale moderní web, který jsme pojali jako naši malou digitální laboratoř. Otestovali jsme na něm vývoj nových prvků včetně AI funkcionalit, data o uživatelském chování shromáždili v přehledném online reportu a posílili brand díky novým manuálům.  

Jestli zvažujete redesign firemního webu a zajímá vás, jak jsme si s tím poradili v roli svých vlastních klientů – pojďte s námi projít celý proces krok po kroku. 

Dodané služby
Prezentační weby
Kreativa
Marketing

Výchozí stav

  • Web z roku 2022 přestal stačit našim potřebám a růstu firmy. 
  • Potřebovali jsme zmodernizovat design i aktualizovat obsah.
  • S brandovými prvky jsme nepracovali jednotně. Redesign webu byl příležitostí, jak to napravit.

Naše řešení

  • Připravili jsme logomanuál, který jasně vymezil, jak vizuálně pracovat se značkou PUX. Doplnili jsme ho taky o tone of voice, který dal brandu osobitý hlas. 
  • Navrhli jsme novou strukturu webu, která vzešla z aktuálních potřeb firmy. Cílem bylo zjednodušit klientům orientaci v nabídce služeb a usnadnit odeslání poptávky prostřednictvím kontaktního formuláře. 
  • Na základě nově definovaných pravidel jsme navrhli UI design, který pracuje s čistými liniemi, prvkem trojúhelníku a mnoha animacemi. 
  • Vyvinuli jsme svižný web s řadou komponent na míru. Součástí řešení je taky AI překlad přímo v CMS a práce na vlastním chatbotovi. 
  • Optimalizovali jsme měření chování uživatelů na webu a data přenesli do přehledného online reportu, který má nejen vedení firmy vždy po ruce.

Na začátku jsme zjišťovali, co skutečně potřebujeme 

Spolupráci jsme odstartovali standardním úvodním workshopem. Na místo klienta jsme posadili náš obchodní tým a společně definovali cíle projektu, cílové skupiny i produktové portfolio PUXu. Vycházeli jsme přitom z obchodních dat, která má tým k dispozici. 

V rámci UX designu bylo důležité nejprve správně rozvrhnout strukturu webu a jednotlivých služeb. Oříškem bylo vymyslet, jak vedle sebe prezentovat dílčí produkt (třeba grafický návrh banneru) i komplexní projekt (navržení B2B e-shopu, v němž se kombinuje vývoj, design a marketing). Na webu tak vznikly skupiny služeb, které pod sebou shlukují jednotlivé aktivity. Klienti tak dokážou najít přesně to, co hledají – maličkost i robustní řešení. 

Důraz jsme kladli na reference. Cílem bylo, aby obsahovaly tematicky různorodé projekty – od e-commerce přes automotive až po fintech. Klienti napříč odvětvími si tak na webu mohou vyfiltrovat projekty, které jsme tvořili právě v jejich segmentu.

Jiří Gédoš
UX Designer

Při návrhu struktury jsme mysleli i na jasnou konverzní cestu zákazníka. Na každé stránce má uživatel po ruce kontakt na konkrétního obchodníka – což pomáhá zvyšovat důvěryhodnost a usnadňuje poptávku.

Vtiskli jsme PUXu jednotnou tvář

Logomanuál = sjednocený vizuál 

Znáte to, jak kovářova kobyla…? Tak tohle pořekadlo na nás sedí stoprocentně. Zatímco jsme klientům tvořili přehledné logomanuály, které jim pomáhaly pracovat se značkou jednotně napříč webem, sítěmi nebo třeba tiskovinami – v PUXu jsme nic takového neměli. Existovalo pouze logo – a pak záleželo na kreativitě každého designéra, jak se s interním výstupem popasuje. 

Redesign webu se proto pro nás stal ideální příležitostí, jak pravidla práce s vizuálem kodifikovat. Připravili jsme logomanuál, který definuje barvy, typ písma a základní principy práce s logem. 

Kodifikované barvy nám výrazně usnadnily práci. Přetavili jsme je nejen do UI designu na webu, ale i do všech ostatních PUX materiálů – ať už jde o nabídkové prezentace pro obchodní tým, sociální sítě nebo firemní merch. Díky jasně daným pravidlům snadno tvoříme výstupy, které dodržují jednotný vizuální styl značky.

Peter Kušnírik
Design Lead

Klíčovým prvkem vizuálu se stal trojúhelník, který jsme získali rozložením loga na základní elementy. Prvek trojúhelníku využíváme napříč webem i ostatními výstupy (například na sociálních sítích, firemním merchi nebo prezentacích a tiskovinách). Pomocí něj skládáme komplexnější obrazce (schválně, projděte si náš web, co vše najdete?) a je pro nás základním stavebním kamenem, který definuje vizuál PUXu. 

Tone of voice manuál = odlišitelná komunikace 

Abychom dotáhli celkové sjednocení prezentace značky, vytvořili jsme také tone of voice manuál. Jde o dokument, který nastavuje jasná pravidla komunikace. Definuje, ke komu mluvíme (cílové skupiny a persony), jak mluvíme (positioning, dimenze tonality, práce s angličtinou, oslovování klientů apod.) a co říkáme (co chceme, aby si lidé odnesli z komunikace s námi; základní fráze; pravidla psaní názvu značky apod.).  

Tone of voice slouží jako praktický manuál pro každého, kdo za značku jakkoli komunikuje – ať už jde o náš obchodní tým, manažera sociálních sítí nebo třeba PPC specialistu nastavujícího kampaně. Každý člověk ve firmě ví, jak má strukturovat komunikaci, aby jeho výstup vždy zněl jako PUX, a ne jako konkurence. 

Tip od nás: brandové manuály (logomanuál, tone of voice a podobně) jsou skvělými parťáky pro AI nástroje. Necháváte si generovat nabídky, reporty nebo třeba obsah pro sociální sítě? Nahrajte do AI nástroje vaše brandové podklady – a všechny výstupy budou vždy dodržovat jednotný styl vaší značky.

Nový obsah nám pomáhá být vidět 

Hotovou strukturu webu bylo potřeba naplnit obsahem. Postarali jsme se proto o kompletní copywriting webu. Textace jsme postavili na analýze klíčových slov a vyhledávacích dotazů, drželi jsme se také pravidel definovaných v tone of voice.  

Sdělení jsme optimalizovali pro uživatele, vyhledávače i AI – díky tomu je náš web vidět ve výsledcích vyhledávání (Google, Seznam apod.) a odpovědích AI nástrojů, současně však zůstáváme srozumitelní i běžnému čtenáři. Se SEO/GEO/AIO nám pomáhají nástroje jako Collabim nebo Ranketta. 

Výrazným obsahovým prvkem se staly také animace, které uživatele provázejí napříč webem. Díky nástroji LottieFiles, se kterým pracují i velcí hráči typu Nike, Spotify či Netflix, jsme dokázali tvorbu animací výrazně zjednodušit – můžeme s nimi tak efektivně (a efektně) pracovat v projektech našich klientů. 

Při tvorbě obsahu jsme sledovali jeden společný cíl – zvyšovat množství poptávek, které přijdou z webu. Vyhráli jsme si proto s call to action tlačítky, která uživatele vedou k odeslání kontaktního formuláře či poslání životopisu v rámci sekce Kariéra. Co myslíte, povedlo se nám to? 


AI se stala nedílnou součástí redakčního systému 

Při vývoji PUX webu jsme odladili a otestovali novou verzi našeho CMS – Orchard Core 2.0, kterou od té doby používáme u všech klientských projektů (pokud nejsou postavené na jiné z našich platforem: Smartstore nebo Kentico).  

Novinkou bylo zapojení AI přímo do redakčního systému. Na jedno kliknutí můžeme z administrace webu překládat jednotlivé stránky pomocí umělé inteligence. Nahrubo jsme tak vytvořili anglickou verzi webu, kterou následně stačilo jen zkontrolovat a doladit před publikací. Nemuseli jsme nic kopírovat z dalších nástrojů, vše jsme zvládli rovnou v CMS. 

Redakční systém obsahuje taky magické tlačítko "Draft with AI". Na základě jednoduchého promptu AI vyskládá celou novou stránku pomocí dostupných widgetů. Doplní texty, vygeneruje obrázky – zkrátka obsah hotový doslova za pár minut. 

Když už mluvíme o widgetech, u PUX webu jsme nově použili systém tzv. sdílených widgetů. Skvělé jsou ve chvíli, kdy pracujete se stejným obsahem na několika místech webu – typicky, když máte kontaktní formulář propsaný na více stránkách. Obsah pak stačí v administraci naplnit pouze na jednom místě a automaticky se zveřejní na všech určených stránkách. Stejně to funguje i s úpravami, stačí je zeditovat pouze jednou a změnu uvidíte všude. 

Zapracovali jsme také na atraktivitě obsahu. Do výpisu referencí jsme kromě obrázků přidali videa a vyvinuli jsme taky komponentu audio přehrávače pro blogové články – abyste novinky mohli nejen číst, ale i poslouchat. 

Aktuálně pracujeme taky na vývoji vlastního AI chatbota, který by návštěvníkům pomohl najít na webu řešení na míru. Zatím jsme ve fázi testování, věříme, že ho ale brzy vypustíme do světa.

Jedním z cílů nového webu byla jeho modularita a celková obsahová rozšiřitelnost v čase. To hlavně z důvodu transformace našich služeb z obecného digitálního full-servisu do konkrétní produktové nabídky. To s sebou přináší mj. možnost postupného zpřesňování produktů na úrovni jednotlivých kompetencí. Zjednodušeně, nenabízíme jen Kreativu a v rámci ní obecné Grafické práce, ale dokážeme postupně specifikovat i detailnější produkty jako je tvorba loga či vizuální identity apod. Podobně je tomu u Vývoje na míru, kde kromě obecných Prezentačních webů dokážeme připravovat landing page pro detailní produkty jako Developerské weby apod.

Jiří Juhaňák
Obchodní ředitel

Vyhodnocujeme, co klienti na webu dělají

Data Studio = přehled v reálném čase 

V nástroji Data Studio od Googlu jsme vytvořili přehledný dashboard, ve kterém sledujeme nejdůležitější metriky. Máme tak v reálném čase přehled o výkonu webu, návštěvnosti, zdrojích návštěv i konverzích. 

Hlavní metrikou je pro nás počet vyplněných formulářů – sledujeme toho ale mnohem víc. Právě proto, abychom na základě chování uživatelů dokázali web průběžně optimalizovat a tím dosáhli vyššího počtu odeslaných poptávek. 

Díky Data Studiu máme klíčové metriky k dispozici ve srozumitelné podobě – a tak vedení společnosti i jednotliví specialisté mohou rozhodovat na základě dat, ne pocitů. 

Cookie lišta v novém kabátě 

Pohráli jsme si s naší standardní cookie lištou. Nově je pro uživatele srozumitelnější, atraktivnější a zvyšuje úspěšnost získání souhlasu či nesouhlasu. Máme tak více dat pro naše Data Studio, jupí. 

Hlídací pes, který bdí nad metrikami 

Nastavili jsme monitoring, který průběžně hlídá všechny důležité metriky a včas nás upozorní, pokud narazí na neobvyklé změny nebo možné problémy v datech. Díky němu dokážeme rychleji zareagovat na výpadek měření, výraznou změnu návštěvnosti nebo třeba pokles počtu konverzí. 


A teď máme volné ruce pro váš webový projekt. Chcete? 

Zjistili jsme, že nový web pro sebe tvoříme zpravidla každé tři až čtyři roky. To nám teď dává spoustu prostoru zaměřit se na nové projekty pro naše klienty. Potřebujete prezentační web jako my, nebo spíš B2B e-shop či portál? Rádi s vámi nezávazně probereme možnosti, stačí nám napsat nebo zavolat. 

Prohlédnout si web Další reference