Z kolei dane grupy Forrester rysuj\u0105 jeszcze ciekawsze dane – firmy, kt\u00f3re zainwestowa\u0142y w design swojej strony zwi\u0119kszaj\u0105 przychody \u015brednio o 20-30%! <\/strong>R\u00f3wnocze\u015bnie sprawozdanie to wykaza\u0142o, \u017ce a\u017c 84% mened\u017cer\u00f3w respektuje dobry projekt www, a co wa\u017cniejsze – stawia go jako kluczowy element sukcesu biznesu w og\u00f3le. Dlaczego tak si\u0119 dzieje? <\/p>\n\n\n\n Czytaj te\u017c: JAK PRZENIE\u015a\u0106 SKLEP INTERNETOWY NA NOW\u0104 PLATFORM\u0118?<\/a><\/p>\n\n\n\n Design – ka\u017cdy, niezale\u017cnie od tego czy dobry, czy z\u0142y – to pierwsza rzecz, kt\u00f3r\u0105 widzi klient w kontakcie z mark\u0105. Jeden rzut oka i on ju\u017c wie (a przynajmniej powinien), czy jeste\u015b brandem modowym, kosmetycznym, cz mo\u017ce sprzedajesz akcesoria dla hodowc\u00f3w go\u0142\u0119bi.\u00a0<\/p>\n\n\n\n Kupujemy (i oceniamy!) na podstawie wra\u017cenia wizualnego – to nie jest nowo\u015b\u0107. M\u00f3zg przecie\u017c pod\u015bwiadomie podpowiada Ci – to jest \u0142adne, a tamto – lepiej nie klika\u0107, nie wiadomo, czy nie wybuchnie. Ten fakt jest nie do podwa\u017cenia, a co wa\u017cniejsze stanowi filar psychologii marketingu<\/a>. <\/p>\n\n\n\n Pami\u0119taj jednak, \u017ce bardzo szeroko poj\u0119ty dzi\u015b design to nie tylko animacje, typografia i \u0142adne zdj\u0119cia. Bez podstawowej wiedzy i \u015bwiadomo\u015bci projektowej bardzo cz\u0119sto strony zakupowe s\u0105 przesadzone. Ca\u0142a na bia\u0142o wchodzi tutaj jednak sp\u00f3jno\u015b\u0107, kt\u00f3ra sprowadza si\u0119 do konkretnego brandingu marki i jego to\u017csamo\u015bci. A marka to Tw\u00f3j sklep! <\/p>\n\n\n\n Brzmi g\u00f3rnolotnie, co? Pewnie, \u017ce tak. Brzmi tak, jakbym chcia\u0142a pokaza\u0107 Ci, \u017ce w og\u00f3le nie masz poj\u0119cia co ze swoj\u0105 mark\u0105 zrobi\u0107. Bynajmniej. Skoro tutaj jeste\u015b – trafi\u0142e\u015b na odpowiednie tory! A to oznacza, \u017ce wiesz, czego nie wiesz i gdzie tego szuka\u0107! Plus dla Ciebie! <\/p>\n\n\n\n Ta to\u017csamo\u015b\u0107, o kt\u00f3rej m\u00f3wi\u0119 to nic innego, jak zestaw cech i warto\u015bci, kt\u00f3re jasno definiuj\u0105 Twoj\u0105 mark\u0119<\/strong> – czyli na przyk\u0142ad Tw\u00f3j sklep. A, no i oczywi\u015bcie – odr\u00f3\u017cnia Ci\u0119 od innych sprzedawc\u00f3w na rynku! Takim kompendium cech s\u0105 nazwa, logo, wzornictwo, kolorystyka, ca\u0142a komunikacja kierowana do klienta, warto\u015bci i kultura marki. <\/strong>Je\u015bli taka to\u017csamo\u015b\u0107 jest odpowiednio wykreowana i zbudowana na fundamentach, kt\u00f3re faktycznie z ni\u0105 wsp\u00f3\u0142graj\u0105 – marka wzbudzi zaufanie klient\u00f3w!<\/p>\n\n\n\n Warto wi\u0119c zaznaczy\u0107, \u017ce niekt\u00f3re firmy ju\u017c dopracowa\u0142y swoj\u0105 to\u017csamo\u015b\u0107 swoich marek do perfekcji. Na przyk\u0142ad Apple <\/strong>pe\u0142ne innowacji, minimalizm i elegancki design, a tak\u017ce doskona\u0142a jako\u015b\u0107; Coca-Cola<\/strong> – z doskona\u0142ym, zawsze na czasie has\u0142em czy rado\u015bci\u0105 i wsp\u00f3lnot\u0105; Airbnb <\/strong>– podr\u00f3\u017ce i przestrze\u0144, tak\u017ce wsp\u00f3lnota, otwarto\u015b\u0107 i zaufanie. Pewnie zdajesz sobie spraw\u0119, \u017ce w wy\u017cej wymienionych markach w komunikacji wizualnej nie ma zupe\u0142nie \u017cadnych przypadk\u00f3w. Do\u015bwiadczamy tego przecie\u017c jako konsumenci.<\/p>\n\n\n\n W efekcie opracowanej i dopracowanej przez lata to\u017csamo\u015bci marki, wy\u017cej wymienieni sprawnie wykorzystuj\u0105 design do wprowadzania na rynek nowych produkt\u00f3w. A tak\u017ce od\u015bwie\u017cania nowych! Je\u015bli chodzi o pierwsze do\u015bwiadczenie u\u017cytkownika w takim sklepie, czy podczas styku z mark\u0105 – cz\u0119sto jest ono nacechowane pozytywnie w\u0142a\u015bnie ze wzgl\u0119du na wcze\u015bniejsze wra\u017cenia w obr\u0119bie marki.<\/p>\n\n\n\n Ty tak\u017ce masz swoj\u0105 misj\u0119. Prowadzisz w\u0142asny sklep online i potrzebujesz zwi\u0119kszy\u0107 sprzeda\u017c. Wzoruj si\u0119 wi\u0119c na dobrych praktykach gigant\u00f3w i rozejrzyj si\u0119 po bran\u017cy. Przyk\u0142ad\u00f3w stron sklep\u00f3w online, kt\u00f3re maj\u0105 odpowiedni design i faktycznie daj\u0105 rad\u0119 jest sporo. Przyjrzyjmy si\u0119 kilku, \u017ceby\u015b mia\u0142 mo\u017cliwo\u015b\u0107 zrozumie\u0107, o czym dzi\u015b m\u00f3wi\u0119!<\/p>\n\n\n\n Sp\u00f3jrzmy w pierwszym rzucie na stron\u0119, kt\u00f3ra jest czysta, \u0142adna i na pierwszy rzut oka – WOW. Inna ni\u017c wszystkie.\u00a0<\/p>\n\n\n\n Sklep Boost<\/a> cieszy si\u0119 przede wszystkim jednym – unikalnym produktem<\/strong>, kt\u00f3ry widnieje w ofercie jako jeden suplement diety. Nie ma tam nic wi\u0119cej. Strona internetowa jest w istocie stron\u0105 produktow\u0105, a co za tym idzie – suplement Boost przewija si\u0119 na ekranie przez ca\u0142\u0105 \u015bcie\u017ck\u0119 zakupow\u0105 klienta.<\/p>\n\n\n\n Marka jest tutaj bardzo wyra\u017ana, a to\u017csamo\u015b\u0107 dopracowano do perfekcji. R\u00f3wnocze\u015bnie taki design mo\u017ce wydawa\u0107 Ci si\u0119 nudny, bo jest monochromatyczny. Wyb\u00f3r kolorystyczny jednak pad\u0142 na kolor pomara\u0144czowy, kt\u00f3ry przede wszystkim ma \u0142\u0105czy\u0107 fizyczno\u015b\u0107, emocje i energetyczno\u015b\u0107. Co wa\u017cniejsze – to barwa rado\u015bci, a dodatkowo symbolizuje d\u0105\u017cenie do celu, kt\u00f3ry z kolei\u2026 Odpowiada za szcz\u0119\u015bcie u\u017cytkownika.<\/p>\n\n\n\n W mi\u0119dzyczasie ca\u0142a witryna jest bogata w animacje i bardzo mocne copy produktowe<\/strong>. Z kolei ca\u0142a uwaga u\u017cytkownika jest skupiona g\u0142\u00f3wnie na produkcie, jego funkcjonalno\u015bci czy korzy\u015bciach, jakie klient wyniesie z posiadania suplementu. Jakie masz pierwsze wra\u017cenie? Przypuszczam, \u017ce takie, jak ja – \u017cywio\u0142, energia, ale i minimalizm. W g\u0142owie odbiorcy ma z kolei zrodzi\u0107 si\u0119 proste rozwi\u0105zanie na zwi\u0119kszenie poziomu energii w \u017cyciu. Dzia\u0142a? No, na mnie bardzo!<\/p>\n\n\n\n Sklep Scepter & Sword<\/a> to synonim s\u0142owa WOW. Serio. Wygl\u0105d strony sklepu powala pod ka\u017cdym wzgl\u0119dem. Witryna ta to projekt eCommerce, kt\u00f3ry stawia przede wszystkim na nowoczesny design, przyprawiony porz\u0105dn\u0105 dawk\u0105 storytellingu!<\/p>\n\n\n\n Co ciekawe, strona wykorzystuje tutaj wariant poziomego scrollowania<\/strong>, kt\u00f3re nie jest typowym rozwi\u0105zaniem. Tutaj wi\u0119c ca\u0142kiem zasadne jest to, \u017ce pomy\u015blisz sobie – o nie, nie b\u0119d\u0119 tak eksperymentowa\u0142, bo ludzie tego nie znaj\u0105! S\u0142uszna uwaga! Brawo Ty! Jednak od jakiego\u015b czasu pojawia si\u0119 to jako trend w projektowaniu dla web designu. Czy nie warto spr\u00f3bowa\u0107? To Twoja decyzja, ale wygl\u0105d robi sza\u0142!<\/p>\n\n\n\n Obok takiego nietuzinkowego scrollowania unikatowym elementem jest te\u017c personalizowana ikona nawigacji<\/strong>. W tej z kolei pojawia si\u0119 jasny przekaz scroll to navigate<\/em>, a wi\u0119c u\u017cytkownik wie, co ma zrobi\u0107. Co za tym idzie – podczas pierwszej wizyty na stronie u\u017cytkownik nie zgubi si\u0119 mimo takiego designu. <\/p>\n\n\n\n Zobaczmy jednak ca\u0142\u0105 opraw\u0119 wizualn\u0105 tego eCommerce\u2019u. Mo\u017cna o niej powiedzie\u0107 naprawd\u0119 bardzo du\u017co. Poczynaj\u0105c od zdj\u0119\u0107, stylizowanych na obraz, na kt\u00f3rej pojawia si\u0119 kobieta w antura\u017cu i\u015bcie kr\u00f3lewskim z winem. Butelka tego\u017c z kolei imituje ber\u0142o i to jest w\u0142a\u015bnie g\u0142\u00f3wny produkt, kt\u00f3ry w tym sklepie online znajdziesz! Co ciekawe na uwag\u0119 zas\u0142uguje – totalnie! – has\u0142o, kt\u00f3re sprawia, \u017ce wierz\u0119 w copywriting mocniej! Unlock Your Inner Queen<\/em> – co stanowi bardzo zabawn\u0105 gr\u0119 s\u0142\u00f3w, a na polski przet\u0142umaczy\u0107 mo\u017cemy j\u0105 jako odkorkuj swoj\u0105 wewn\u0119trzn\u0105 kr\u00f3low\u0105<\/em>.<\/p>\n\n\n\n R\u00f3wnocze\u015bnie przyjrzyj si\u0119 te\u017c kolorom i fontom<\/strong>, czyli krojom pisma. Nic tutaj nie jest przypadkiem. Czer\u0144, czerwie\u0144, z\u0142oto to motywy przewodnie, a w efekcie – zalewa nas, ju\u017c na pierwszy rzut oka, wyrafinowanie i dostatek. Typografia z kolei sprawia, \u017ce uderza w nas elegancja. Co na to wp\u0142ywa? Przede wszystkim wersaliki, czyli pismo drukowane, w maria\u017cu z fontem imituj\u0105cym pismo odr\u0119czne – tutaj zabieg doskona\u0142y! I\u015bcie kr\u00f3lewski podpis!<\/p>\n\n\n\n Jakie jest Twoje pierwsze wra\u017cenie? Luksus za (relatywnie) niewielki koszt? Poprosz\u0119! <\/p>\n\n\n\n To, co zobaczy\u0142am w ramach sklepu Tony\u2019s Chockolonely<\/a> troch\u0119 mnie zdziwi\u0142o! Jest mega nowocze\u015bnie, energetycznie i tak, \u017ce a\u017c chce si\u0119 zje\u015b\u0107 t\u0119 czekolad\u0119! Co ciekawe, a czego nie ma w poprzednich sklepach – mo\u017cna tutaj z powodzeniem stworzy\u0107 sobie list\u0119 ulubionych czekolad <\/strong>klikaj\u0105c serduszko przy danym produkcie. Szereg animacji okraszonych neobrutalizmem – czyli doskona\u0142ymi fontami, kt\u00f3re wpasowa\u0142y si\u0119 w design idealnie – daj\u0105 si\u0119 odczu\u0107 niemal jak filmy! Wszystko jest p\u0142ynne (jak czekolada!), budz\u0105ce apetyt i sprawiaj\u0105, \u017ce zdecydowanie zaczynamy je\u015b\u0107 oczami<\/em>!<\/p>\n\n\n\n Wielu odbiorc\u00f3w odruchowo wyda os\u0105d w kontek\u015bcie tego eCommerce\u2019u – \u017ce wra\u017cenie ci\u0119\u017cko\u015bci i niezgrabnej kanciasto\u015bci. Oczywi\u015bcie pojawi si\u0119 te\u017c drugi ob\u00f3z – \u017ce to rezygnacja ze wszystkich ozdobnik\u00f3w na rzecz jak najwi\u0119kszej funkcjonalno\u015bci, gra kolor\u00f3w i font\u00f3w. Ka\u017cdy ma racje. Jedno jest pewne – sklep niew\u0105tpliwie szokuje, jest funkcjonalny, a co najwa\u017cniejsze – podjudza, by scrollowa\u0107 dalej!<\/p>\n\n\n\n Je\u015bli spodoba\u0142a Ci si\u0119 ta tr\u00f3jka sklep\u00f3w, kt\u00f3re zdecydowanie warto odwiedzi\u0107, by zobaczy\u0107 nietuzinkowy design i wyr\u00f3\u017cni\u0107 si\u0119 na rynku – monitoruj ten temat! Mo\u017cesz to zrobi\u0107 wchodz\u0105c w miejsce, gdzie pojawiaj\u0105 si\u0119 \u015bwiatowe pere\u0142ki projektowe<\/a>. Tw\u00f3j eCommerce zdecydowanie na tym zyska! <\/p>\n\n\n\n Czytaj te\u017c: SOCIAL SAMPLING \u2013 TESTOWANIE PRODUKT\u00d3W NOWYM NARZ\u0118DZIEM MARKETINGOWYM TWOJEGO SKLEPU<\/a><\/p>\n\n\n\n Co mo\u017cesz zrobi\u0107, je\u015bli jednak nie chcesz tak bardzo szale\u0107 z wygl\u0105dem swojego sklepu i powo\u0142ywa\u0107 si\u0119 na powy\u017csze przyk\u0142ady? Przede wszystkim trzyma\u0107 si\u0119 kilku zasad, kt\u00f3re pomog\u0105 Ci wynie\u015b\u0107 sklep na wy\u017cszy poziom. Bez kontrowersyjnego wizualu!<\/p>\n\n\n\n Wed\u0142ug badania TopDesignFirms <\/a>a\u017c 38% klient\u00f3w patrzy na uk\u0142ad lub linijki nawigacji w mi\u0119dzyczasie pierwszej wizyty w sklepie. Z kolei 42% os\u00f3b deklaruje, \u017ce opu\u015bci\u0142y sklep z powodu s\u0142abych czy nieczytelnych funkcjonalno\u015bci. <\/p>\n\n\n\n a. Przejrzyste menu<\/strong>, czyli u\u017cywa\u0107 zrozumia\u0142ych etykiet tak, by u\u017cytkownik od razu wiedzia\u0142, gdzie si\u0119 znajduje i jak wr\u00f3ci\u0107 tam, gdzie potrzebuje. Nie bez znaczenia jest nawigacja okruszkowa, czyli taka, w ramach kt\u00f3rej u\u017cytkownik w g\u00f3rnej cz\u0119\u015bci strony widzi, jak\u0105 drog\u0119 w kontek\u015bcie kategorii przeszed\u0142. Dodatkowo niebagatelne s\u0105 te\u017c filtry, kategorie i sortowanie, kt\u00f3re sprawdza si\u0119 przede wszystkim, gdy sklep oferuje wachlarz produkt\u00f3w.<\/p>\n\n\n\n b. Dbaj o wyszukiwark\u0119<\/strong>. Pami\u0119taj, \u017ce widoczno\u015b\u0107 i \u0142atwo\u015b\u0107 dost\u0119pu do wyszukiwarki to klucz do sukcesu, niezale\u017cnie od tego, jakim designem si\u0119 bawisz. Czy wchodzisz w brutalizm, czy bawisz si\u0119 w kr\u00f3lewskie strony – miej na uwadze, \u017ce wizual nie mo\u017ce przys\u0142oni\u0107 funkcjonalno\u015bci i paska wyszukiwarki.<\/p>\n\n\n\n c. Ikony <\/strong>– je\u015bli si\u0119 w nie bawisz, pami\u0119taj – ikony musz\u0105 by\u0107 intuicyjne i odwzorowywa\u0107 to, co faktycznie u\u017cytkownik znajdzie po klikni\u0119ciu w nie. Niech lupka zostanie ikon\u0105 wyszukiwania, nie zmieniaj tego, co jest zakorzenione w ludzkiej pod\u015bwiadomo\u015bci.<\/p>\n\n\n\n d. Sticky menu<\/strong>, czyli menu ca\u0142kiem dobre, je\u015bli chcesz, by zawsze by\u0142o widoczne! Jest to nawigacja, kt\u00f3ra pozostaje widoczna zawsze – tak\u017ce podczas scrollowania. To u\u0142atwia dost\u0119p do menu w ka\u017cdym momencie i, co wa\u017cniejsze – sprawdza si\u0119 na stronach, kt\u00f3re maj\u0105 bardzo bogaty zbi\u00f3r tre\u015bci.<\/p>\n\n\n\n Przejrzysty proces przek\u0142ada si\u0119 na wi\u0119ksz\u0105 sprzeda\u017c w eCommerce i, co najwa\u017cniejsze, zmniejsza wsp\u00f3\u0142czynnik odrzuce\u0144. Jak mo\u017cesz o to zadba\u0107?<\/p>\n\n\n\n a. CTA musi by\u0107 czytelne<\/strong>. Przycisk czy komunikaty call to action trzeba koniecznie precyzowa\u0107. Przede wszystkim wtedy, gdy na stronach sklepu jest zbyt wiele w\u0105tk\u00f3w i niedoprecyzowane s\u0142owa czy polecenia mog\u0105 wprowadza\u0107 w b\u0142\u0105d. U\u017cywaj zestawie\u0144 Kup teraz <\/em>albo Przejd\u017a do podsumowania<\/em>, zamiast Kontynuuj<\/em>.<\/p>\n\n\n\n b. Intuicja <\/strong>to podstawa – podsumowanie koszyka i przycisk przej\u015bcia do kasy musi by\u0107 jednoznaczny. Dodatkowo mo\u017cesz te\u017c zastosowa\u0107 na przyk\u0142ad pasek post\u0119pu, kt\u00f3ry poka\u017ce klientowi, na jakim etapie zakupowym si\u0119 znajduje. Po drugie – u\u017cyj opcji koszyka typu one-pager, czyli jednostronicowego przej\u015bcia przez proces zakupowy. Oczywi\u015bcie, je\u015bli to mo\u017cliwe. W efekcie u\u017cytkownik \u0142atwo mo\u017ce porusza\u0107 si\u0119 mi\u0119dzy sekcjami. Pami\u0119taj jednak, by da\u0107 mo\u017cliwo\u015b\u0107 ewentualnego wycofania si\u0119 czy przej\u015bcia do pierwszego etapu<\/strong>!<\/p>\n\n\n\n c. Wy\u015bwietlaj r\u00f3\u017cne warianty produkt\u00f3w<\/strong>, je\u015bli oferujesz szereg odmian jednego towaru. Upewnij si\u0119 te\u017c, \u017ce miniatury pokazuj\u0105 odpowiedni model.<\/p>\n\n\n\n W ramach transformacji cyfrowej pojawi\u0142 si\u0119 wachlarz zmian w kontek\u015bcie konsumpcji tre\u015bci. Badania Nielsena<\/a> o eye-trackingu m\u00f3wi\u0105 jasno, \u017ce odwiedzaj\u0105cy stron\u0119 sklepu sp\u0119dzaj\u0105 na niej \u015brednio a\u017c 19 sekund, skanuj\u0105c wzrokiem ponad 70 element\u00f3w witryny<\/strong>. Co wa\u017cniejsze – nie ma tutaj mowy o czytaniu. Tutaj pierwsze skrzypce graj\u0105 obrazy, animacje czy has\u0142a. <\/p>\n\n\n\n Wygl\u0105d strony sklepu musi by\u0107 okraszony podzia\u0142em. Uwag\u0119 w g\u0142\u00f3wnej mierze przyci\u0105gaj\u0105 przecie\u017c nag\u0142\u00f3wki, linki, listy czy pogrubione teksty. Tw\u00f3j czas na zdobycie klienta jest bardzo ograniczony. Musisz wi\u0119c dobrze zaplanowa\u0107 tre\u015bci przede wszystkim na stronach produktowych. Jak o to dba\u0107?<\/p>\n\n\n\n a. Stosuj j\u0119zyk korzy\u015bci<\/strong>, kt\u00f3ry uwzgl\u0119dnia zar\u00f3wno cechy jak i to, co u\u017cytkownik osi\u0105gnie i zyska dzi\u0119ki danemu towarowi. Jak zakup danego produktu prze\u0142o\u017cy si\u0119 na \u017cycie klienta? Zawsze pokazuj zysk, nie strat\u0119.<\/p>\n\n\n\n b. Kr\u00f3tkie CTA<\/strong> – no i, oczywi\u015bcie, jasne. Bez konieczno\u015bci dekodowania ich, stosuj zasad\u0119 CTA trzeba zrozumie\u0107 maksymalnie w 5 sekund.<\/p>\n\n\n\n c. Sp\u00f3jne komunikaty i jednolity j\u0119zyk<\/strong>. Wa\u017cne jest, by u\u017cytkownik mia\u0142 pewno\u015b\u0107, \u017ce w obr\u0119bie strony wci\u0105\u017c znajduje si\u0119 w tym samym sklepie. W du\u017cej mierze jednak b\u0119dzie to uwarunkowane grup\u0105 docelow\u0105. Musisz jednak zawsze pami\u0119ta\u0107 o tym, by ujednolici\u0107 perspektyw\u0119. Je\u015bli raz m\u00f3wisz nasze<\/em>, to nie zmieniaj tego okre\u015blenia na Twoje <\/em>czy moje<\/em>.<\/p>\n\n\n\n d. Udost\u0119pniaj recenzje od innych u\u017cytkownik\u00f3w<\/strong>, kt\u00f3re stanowi\u0105 dow\u00f3d spo\u0142eczny. Mo\u017cesz pokaza\u0107 je zar\u00f3wno na g\u0142\u00f3wnej stronie, jak i w karcie produktu. A warto to robi\u0107, poniewa\u017c a\u017c 84% ludzi ufa opiniom tak, jak rekomendacjom<\/a>.<\/p>\n\n\n\n e. P\u0142atno\u015bci na stronie produktu<\/strong> – poka\u017c je! Przede wszystkim, je\u015bli oferujesz szereg opcji. Rozwa\u017c umieszczenie ich jeszcze, zanim u\u017cytkownik zd\u0105\u017cy podj\u0105\u0107 decyzj\u0119 o zakupie. Dodatkowo – dodaj informacj\u0119 o planach ratalnych, w przypadku, gdy je oferujesz.<\/p>\n\n\n\n f. Zainwestuj czas w blog<\/strong>, kt\u00f3ry b\u0119dzie uzupe\u0142nieniem u sposobem na budowanie autorytetu w ramach bran\u017cy, w jakiej si\u0119 obracasz.<\/p>\n\n\n\n Strony responsywne to dzi\u015b konieczno\u015b\u0107. Za tym zdaniem stoj\u0105 zn\u00f3w liczby (wiem, te\u017c nie lubi\u0119!). A\u017c 67% u\u017cytkownik\u00f3w mobilnych zg\u0142asza, \u017ce strony s\u0105 dostosowane do smartfon\u00f3w.<\/a> Linki i strony s\u0105 zbyt ma\u0142e, \u017ceby faktycznie i realnie je klikn\u0105\u0107. Nie ma wi\u0119c czemu si\u0119 dziwi\u0107, \u017ce je\u015bli nie dostosujesz si\u0119 pod mobilk\u0119 – wska\u017anik porzuce\u0144 koszyk\u00f3w w tym obr\u0119bie b\u0119dzie spory! Wynosi nawet a\u017c 85%<\/a>! Przecie\u017c i Ty i ja wiemy, \u017ce chcesz, by sklep konwertowa\u0142. Spokojnie, s\u0105 na to sposoby!<\/p>\n\n\n\n a. Dostosuj elementy strony <\/strong>i upewnij si\u0119, \u017ce elementy s\u0105 odpowiednio du\u017ce! Musz\u0105 by\u0107 nie tylko czytelne, ale i \u0142atwo klikalne.<\/p>\n\n\n\n b. Hierarchia element\u00f3w<\/strong> – ustal kluczowe momenty na stronie. Ma\u0142y ekran mobilki pomie\u015bci przecie\u017c mniej element\u00f3w, ni\u017c ekran komputera. S\u0105 to menu, stopka, nag\u0142\u00f3wek, sama oferta, no i CTA! <\/p>\n\n\n\n c. Wielko\u015b\u0107 liter <\/strong>musi mie\u0107 odzwierciedlenie w faktycznym widoku mobilnym. Tekst nie mo\u017ce wymaga\u0107 zwi\u0119kszenia przez u\u017cytkownika, czyli zbli\u017cania strony do siebie.<\/p>\n\n\n\n d. Optymalizuj grafiki! <\/strong>Na telefon dobrze jest u\u017cywa\u0107 wersji pionowych. Wyj\u015bciem tutaj jest automatyczne skalowanie!<\/p>\n\n\n\n e. Projektuj mobilk\u0119 przed desktopem!<\/strong> W szeregu przypadk\u00f3w taka kolejno\u015b\u0107 sprawdzi si\u0119 lepiej. Jest to uwarunkowane na przyk\u0142ad znaczn\u0105 cz\u0119\u015bci\u0105 u\u017cytkownik\u00f3w, kt\u00f3rzy zakupowe do\u015bwiadczenia generuj\u0105 w\u0142a\u015bnie z poziomu telefonu.<\/p>\n\n\n\n Musisz odzwierciedli\u0107 charakter marki w web designie. Nasz m\u00f3zg przetwarza obraz 60 000 razy szybciej ni\u017c tekst<\/a>, dlatego jeste\u015bmy zdolni do szybkich ocen wizualnych. Ocena ksi\u0105\u017cki po ok\u0142adce ma tu wi\u0119c swoje uzasadnienie, poniewa\u017c zaledwie 100 milisekund (!) zajmuje cz\u0142owiekowi wyrobienie sobie zdania na temat nowo poznanej osoby<\/a>. M\u00f3wi\u0105c wprost – nie masz \u015brodk\u00f3w na kiepski design. Nie ma to sensu. Sp\u00f3jrz na to tak – design to pierwsze wra\u017cenie, a co za tym idzie – oficjalna decyzja klienta, by zapozna\u0107 si\u0119 z ofert\u0105. To tak\u017ce opisy wizualne towar\u00f3w, jakie sprzedajesz.\u00a0<\/p>\n\n\n\n Co wa\u017cniejsze – dobry design tworzy wi\u0119\u017a emocjonaln\u0105, a a\u017c 94% u\u017cytkownik\u00f3w rekomenduje te marki, z kt\u00f3rymi wi\u0105\u017ce jak\u0105kolwiek relacj\u0119<\/a>.<\/p>\n\n\n\n Pami\u0119taj wi\u0119c o:<\/p>\n\n\n\nWygl\u0105d strony sklepu to pierwsze wra\u017cenie klienta, a pierwsze wra\u017cenie = decyzja o zakupie<\/h2>\n\n\n\n
Czym jest jednak taka to\u017csamo\u015b\u0107? <\/h2>\n\n\n\n
Wygl\u0105d strony sklepu online buduje pierwsze wra\u017cenie<\/h2>\n\n\n\n
![\"Wygl\u0105d](\"https:\/\/lh5.googleusercontent.com\/cDND_-s7rO_oR7MayClmV2GLx13Suu4YPmCrnEeF6t4hT0s7QJt1heP-Iko4ALh5pmb6XLnmqPXkeJYg5ikqfC5Sj_yJNumCcIWMz029JzKZugbHSRdpM7fFtsmF03TEVm7eGNfzv8_w9v6lLk2GJP0\")
Design strony sklepu ze storytellingiem<\/h2>\n\n\n\n
![\"Wygl\u0105d](\"https:\/\/lh3.googleusercontent.com\/ImbzeCOk0vFSWAopuZfTPU4NITpb2jKG5fHF_NbuSsV5AibzEkyMnGQMw2dlr4or735M8rj1JwV6rQTyiW0fDdcB2sxwDiyCxwoWsIc7jUSZ5kxRiOn2LRTR1Z5x75pEwSAcYppHwQwhhWxfw1r9S-E\")
Neobrutalizm dla przyci\u0105gni\u0119cia uwagi!<\/h2>\n\n\n\n
![\"Wygl\u0105d](\"https:\/\/lh4.googleusercontent.com\/sePZhgOsfKw9WL1O5rvWigu0pBsgTC-QGPBVCs5Nrace-MPnU4H6_yOE4xgWzPU4MIrrkJyliKM4wSZGe-s0JeW4SiFh6tdbJUK5y7t124qfZAfbe4lQ3TgODTAHXFMQnSf87rtzjxTRVwfoZ9Ex6jc\")
Fundamenty designu dla Twojego sklepu online<\/h2>\n\n\n\n
1. Nawigacja sklepu<\/strong> – przyjazna droga klienta to g\u0142\u00f3wny filar udanej witryny sklepu. To, jak u\u017cytkownik porusza si\u0119 po stronie gra pierwszoplanow\u0105 rol\u0119 w kontek\u015bcie do\u015bwiadcze\u0144 zakupowych u\u017cytkownika. <\/h2>\n\n\n\n
By tego dokona\u0107 warto trzyma\u0107 si\u0119 sprawdzonych rozwi\u0105za\u0144 i tworzy\u0107\u2026<\/h1>\n\n\n\n
2. Proces zakupowy<\/strong> – badanie Baymard Institute<\/a> m\u00f3wi, \u017ce 18% porzuce\u0144 koszyka ma zwi\u0105zek z nazbyt skomplikowanym procesem zakupowym. <\/h2>\n\n\n\n
3. Tre\u015bci \u0142atwe i mo\u017cliwe do przyswojenia<\/strong>. <\/h2>\n\n\n\n
4. Optymalizuj pod mobilk\u0119! <\/strong><\/h2>\n\n\n\n
5. Unikalno\u015b\u0107 wizualnej strony Twojego sklepu to podstawa.<\/strong> <\/h2>\n\n\n\n
1 lojalny klient jest wart tyle, co dziesi\u0119ciu jednorazowych\u2026<\/h2>\n\n\n\n