Jak se dělá sexy responzivní web

Po delší době bych se rád pochlubil jedním webovým projektem, protože jsem na jeho výsledek vážně hrdý. Zároveň vás nechám nahlédnout trochu pod pokličku, což vám pomůže, pokud sami přemýšlíte o novém webu nebo redesignu stávajícího. Zmiňovaným projektem je web www.mojefibaro.cz. Vizuálně přitažlivý a skutečně moderní responzivní web. Jelikož jsme sami partnerem značky Fibaro, nejen, že je nám tematicky velmi blízký, ale zároveň je i v našem zájmu, aby mělo oficiální české zastoupení Fibaro (Yatun s.r.o.) kvalitní on-line prezentaci. Fibaro je polský výrobce bezdrátového systému pro inteligentní domov. Webové stránky jsou zaměřené především na koncové zákazníky v Česku a na Slovensku, které zajímá jednoduché a elegantní řešení chytré domácnosti. Na jednom místě zde najdou vše o tom, co Fibaro umí, jak se používá, které moduly nabízí (včetně doplňkových zařízení jiných výrobců) a kolik to stojí. Jsou tu také k dispozici všechny podpůrné materiály a ovládací aplikace. Klíčovou funkcí z hlediska výkonu webu je pak mapa a rozcestník na certifikované partnery. Vše ve vizuálu navrženému v souladu s designovým jazykem značky, který elegantně a moderně zároveň. Stránky fungují perfektně jak na velkém monitoru s klávesnicí a myší, ale i na tabletu či telefonu. Přitom obsahují technicky náročné prvky jako našeptávané vyhledávání s náhledy produktů nebo třeba videa ve vyskakovacích oknech s autoplay a pamětí pozice. A teď ke slibovanému procesu: Analýza Web je pro firmy především marketingový nástroj. Nemá se tedy líbit, ale má pomáhat dosahovat cílů. A pro designera není dost dobře možné navrhnout něco takového, pokud neví nic o klientovo podnikání, jeho zákaznících a trhu. Solidní agentura se této stránce intenzivně věnuje. Až po vás budou chtít data z Google analytics, ptát se vás na spoustu otázek, chtít kontakty na zákazníky nebo dokonce strávit den na technické podpoře (a čas samozřejmě proplatit), berte to jako dobré znamení. V opačném případě, pokud si převezmou zadaní s tím, že to udělají přesně, jak chcete, přeju hodně štěstí. Scénáře použití Uživatel je na prvním místě, nebo ne? Pro koho děláte web? Pro dobrý pocit, že ten váš umí zobrazit počasí a tlačítka se točí, když na ně kliknete? Kdepak! Pro vaše zákazníky. Než přejdeme k vymýšlení toho, jak co na webu bude fungovat, ptáme se spíš, co tam kdo bude chtít dělat a jakým způsobem mu to ulehčit. Zároveň taky, jak ho přimět, aby udělal i to, co je cílem webu (konverzí) z hlediska klienta. Od scénářů se odvíjí vše ostatní. Struktura Víme, k čemu by měl web sloužit. Teď je třeba dát dohromady vše, co tam má být. Zároveň stanovit priority a podle toho uspořádání obsahu a prvků. Návrhy Začínáme úplně jednoduše tužka a papír. Je to rychlé, levné a efektivní. Teprve, když máme ujasněný celkový koncept, přichází na řadu třeba Sketch. Testování ↔ Přepracované návrhy Testujeme jak interně v týmu, tak ideálně i přímo se zástupci cílového publika. Můžete mít skvělou představu o tom, jak uživatelé přemýšlí. Ale jakmile začnete své domněnky testovat, nebudete se stačit divit. Grafika & copywriting Všimněte si zejména toho, že až tady se bavíme o grafice. To, jak to bude vypadat, je výsledek dlouhého procesu, ne výchozí bod! Proto prosím ve vlastním zájmu nechtějte ani ve výběrovém řízení vidět grafické návrhy dřív, než se projekt skutečně rozjede. Stejně jako unikátní vzhled je důležitý unikátní a svému účelu podřízený obsah. V LARXu máme štěstí, že máme interního grafika i copywritera, kteří na této fázi pracují společně. Texty a vizuál se musí vhodně doplňovat. Implementace Tisíce a tisíce řádků kódu, nuda, pokud nejste programátor :-) Testování Ano, zase. Úpravy Projekt, jenž by nezažil úpravy, je buď dokonalý, nebo odfláknutý. Pravděpodobnost první varianty je tak 1 : 1 000. Testování ;-) Spuštění Konec práce a nohy na stůl? Kdepak. Zatím to bylo všechno pěkně pod pokličkou, teď začíná to správné napětí. Sledování výkonu K čemu by nám to všechno bylo, pokud bychom se nezajímali o to, jestli to k něčemu bylo? A pokud nebylo, jak zařídit, aby bylo?

projít na článek

Jak vytvořit responzivní fotogalerii pomocí pluginu FooGallery

Potřebujete na webu mít pěknou responzivní fotogalerii, která dokáže vytvářet i alba? Pak využijte plugin FooGallery, který je v rámci WordPressu nabízen zdarma. The post Jak vytvořit responzivní fotogalerii pomocí pluginu FooGallery first appeared on Tvo

projít na článek

S responzivní fotogalerií i video galerií si poradí plugin Unite Gallery

Co by byla tvorba webu bez pořádné fotogalerie?Placený plugin Unite Gallery vám pomůže vytvořit jedinečné responzivní fotogalerie, slidery i video galerie. Jednotlivé typy fotogalerií si můžete prohlédnout zde: 9 responzivchních fotogalerií

projít na článek

Sexy nohy bez chloupků díky trvalé epilaci laserem

Pokud to ještě náhodou někdo neví, už pár let lze na nežádoucí porost kdekoliv na těle vyzrát pomocí laserových paprsků. A která část ženského těla je minimálně v teplých měsících tak exponovaná jako nohy? Laser se zdá být ideálním pomocníkem pro všechny

projít na článek

Deviante Love Her Ass 43 Sexy blondýnka miluje anál a orgasmus

The post Deviante Love Her Ass 43 Sexy blondýnka miluje anál a orgasmus appeared first on Porno-České.cz.

projít na článek

Responzivní design webových stránek

Proč má smysl pořídit si responzivní stránky i když funkční stránky máte, byť nejsou responzivní Vyhledávače v čele s Google dnes již vyžadují, aby byly stránky uživatelsky použitelné na mobilním zařízení (tzv

projít na článek