<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Case Study &#8211; Pixel PR</title>
	<atom:link href="https://pixelpr.net/blog/category/case-study/feed/" rel="self" type="application/rss+xml" />
	<link>https://pixelpr.net</link>
	<description>Tworzenie stron www Rzeszów, agencja interaktywna Rzeszów</description>
	<lastBuildDate>Thu, 06 Jul 2023 10:57:47 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<item>
		<title>Sklep Blog Ojciec &#8211; Case Study</title>
		<link>https://pixelpr.net/blog/sklep-blog-ojciec-case-study/</link>
		
		<dc:creator><![CDATA[Monika Loryńska]]></dc:creator>
		<pubDate>Thu, 06 Jul 2023 10:55:33 +0000</pubDate>
				<category><![CDATA[Case Study]]></category>
		<category><![CDATA[Inspiracje]]></category>
		<category><![CDATA[Sprzedaż]]></category>
		<guid isPermaLink="false">https://pixelpr.net/?p=1545</guid>

					<description><![CDATA[Kiedy Kamil Nowak, prowadzący bardzo popularnego bloga, www.blogojciec.pl, napisał do nas maila z tytułem “Potrzebuję zrobić wizualne czary-mary z moim sklepem”, ochoczo przyjrzeliśmy się stronie. Grafika rzeczywiście wymagała lekkiego odświeżenia, ale przede wszystkim zauważyliśmy, że obecny sklep ma trochę rzeczy, które mogą być kłopotliwe dla użytkowników i wymagają poprawy.  &#160; Uznaliśmy, że warto nie tylko [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><span style="font-weight: 400;">Kiedy Kamil Nowak, prowadzący bardzo popularnego bloga, </span><a href="http://www.blogojciec.pl"><span style="font-weight: 400;">www.blogojciec.pl</span></a><span style="font-weight: 400;">, napisał do nas maila z tytułem “</span><span style="font-weight: 400;"><strong>Potrzebuję zrobić wizualne czary-mary z moim sklepem</strong>”, ochoczo przyjrzeliśmy się stronie. Grafika rzeczywiście wymagała lekkiego odświeżenia, ale przede wszystkim zauważyliśmy, że obecny sklep ma trochę rzeczy, które mogą być kłopotliwe dla użytkowników i wymagają poprawy. </span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Uznaliśmy, że warto nie tylko popracować nad samymi kwestiami wizualnymi, ale również przede wszystkim właśnie nad kwestiami użyteczności. Z reguły tak staramy się pracować &#8211; o ile klient nam na to oczywiście pozwala. Bo czasem jest tak, że klient nie dba o użyteczność serwisu, a jedynie o to by był “ładny”. To niestety duży błąd, który może klienta sporo kosztować. Na szczęście Kamil był bardzo otwarty na sugestie. </span></p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">I to, że w sklepie Blog Ojciec było parę rzeczy do poprawy to wcale nie znaczy, że źle sobie  radził sprzedażowo &#8211; wręcz przeciwnie, na brak sprzedaży nie mógł narzekać. Ale przedsiębiorcy zawsze powinni myśleć o tym, co można jeszcze zrobić lepiej, co usprawnić, żeby klienci jeszcze więcej i chętniej kupowali. Na szczęście z kwestią usprawnień można się do <a href="https://pixelpr.net/kontakt/">nas zgłosić</a>, a my podpowiemy co warto zrobić.</span></p>
<p>&nbsp;</p>
<p><strong>To, co zauważyliśmy w starym sklepie Blog Ojciec i co warto było poprawić:</strong></p>
<p>&nbsp;</p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Bardzo słabo widoczna ikonka koszyka (niektóre osoby mogły mieć kłopot ze znalezieniem koszyka) i brak podglądu zawartości Koszyka. Trzeba było wejść na stronę Koszyka, żeby zobaczyć jego zawartość. </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Brak linków do zalogowania się do swojego konta w menu górnym i w zasadzie brak możliwości założenia konta (po to, by np. nie musieć za każdym razem wpisywać tych samych danych)</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Wszystkie produkty były wrzucone “luzem” na stronę główną, do jednego worka, brakowało tu podziału na jakieś kategorie </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Brak opinii klientów na stronie głównej &#8211; co jest szczególnie ważne tutaj, bo Kamil ma mnóstwo zadowolonych klientów i warto to pokazywać</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Brak jakichkolwiek informacji o firmie w stopce</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Mało wyraźne logo, szczególnie widoczne było to w wersji na smartfony</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Nieprzetłumaczone z angielskiego niektóre frazy w motywie graficznym</span></li>
</ul>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Do zmiany grafiki wybraliśmy dla Kamila gotową templatkę z <a href="https://themeforest.net/category/wordpress" target="_blank" rel="noopener">ThemeForest</a>, w której dostosowaliśmy kolory do identyfikacji wizualnej Blog Ojciec, wgraliśmy wszystkie treści oraz poukładaliśmy produkty w różne sekcje, oddzielając Bestsellery od Promocji, dodaliśmy również Opinie klientów.</span></p>
<p><span style="font-weight: 400;">Finalny efekt prezentuje się tak: (możesz też wejść pod link <a href="https://sklep.blogojciec.pl/" target="_blank" rel="noopener">sklep.blogojciec.pl</a>) </span></p>
<p><a href="https://sklep.blogojciec.pl/"><img fetchpriority="high" decoding="async" class="alignnone size-large wp-image-1546" src="https://pixelpr.net/wp-content/uploads/2023/07/strona-Blog-Ojciec-sklep-410x1024.png" alt="" width="410" height="1024" srcset="https://pixelpr.net/wp-content/uploads/2023/07/strona-Blog-Ojciec-sklep-410x1024.png 410w, https://pixelpr.net/wp-content/uploads/2023/07/strona-Blog-Ojciec-sklep-120x300.png 120w, https://pixelpr.net/wp-content/uploads/2023/07/strona-Blog-Ojciec-sklep-768x1917.png 768w, https://pixelpr.net/wp-content/uploads/2023/07/strona-Blog-Ojciec-sklep-615x1536.png 615w, https://pixelpr.net/wp-content/uploads/2023/07/strona-Blog-Ojciec-sklep-821x2048.png 821w, https://pixelpr.net/wp-content/uploads/2023/07/strona-Blog-Ojciec-sklep-597x1490.png 597w, https://pixelpr.net/wp-content/uploads/2023/07/strona-Blog-Ojciec-sklep.png 1345w" sizes="(max-width: 410px) 100vw, 410px" /></a></p>
<p>&nbsp;</p>
<h2><strong>Jakie dokładnie zmiany zostały wdrożone do sklepu i co to dało?</strong></h2>
<p>&nbsp;</p>
<p><b>Lepiej widoczna ikonka Koszyka</b></p>
<p><span style="font-weight: 400;">W poprzedniej wersji strony ikonka Koszyka była nieco “przyklejona” do ostatniej pozycji w menu, co mogło powodować, że niektóre osoby jej nie widziały i nie wiedziały jak wejść do Koszyka</span></p>
<p><img decoding="async" class="alignnone size-full wp-image-1548" src="https://pixelpr.net/wp-content/uploads/2023/07/screenshot-sklep.blogojciec.pl-2023.04.04-15_20_06.png" alt="" width="631" height="208" srcset="https://pixelpr.net/wp-content/uploads/2023/07/screenshot-sklep.blogojciec.pl-2023.04.04-15_20_06.png 631w, https://pixelpr.net/wp-content/uploads/2023/07/screenshot-sklep.blogojciec.pl-2023.04.04-15_20_06-300x99.png 300w, https://pixelpr.net/wp-content/uploads/2023/07/screenshot-sklep.blogojciec.pl-2023.04.04-15_20_06-597x197.png 597w" sizes="(max-width: 631px) 100vw, 631px" /></p>
<p><span style="font-weight: 400;">Wydzieliliśmy więc z prawej strony miejsce na kilka ikonek i tam pojawił się Koszyk. Użytkownicy są przyzwyczajeni, że najczęściej na stronach sklepów internetowych Koszyk pojawia się właśnie w prawym miejscu, razem z ikonkami Wyszukiwarki i Logowaniem do sklepu. Dlatego właśnie tak to zrobiliśmy. To nie sztuka zrobić to zupełnie inaczej niż mają inni, ale jeśli oglądamy strony i wiemy, że pewne rzeczy najczęściej znajdują się w określonych miejscach to tam ich szukamy. Wprowadzenie totalnej zmiany może spowodować, że użytkownik się pogubi. Wychodzimy więc do użytkownika z bardzo prostą nawigacją, do której jest już przyzwyczajony,  po to by było mu łatwiej robić zakupy. </span></p>
<p><img decoding="async" class="alignnone size-full wp-image-1550" src="https://pixelpr.net/wp-content/uploads/2023/07/koszyk_nowy.png" alt="" width="677" height="124" srcset="https://pixelpr.net/wp-content/uploads/2023/07/koszyk_nowy.png 677w, https://pixelpr.net/wp-content/uploads/2023/07/koszyk_nowy-300x55.png 300w, https://pixelpr.net/wp-content/uploads/2023/07/koszyk_nowy-597x109.png 597w" sizes="(max-width: 677px) 100vw, 677px" /></p>
<p><b>Ulepszona wyszukiwarka</b></p>
<p><span style="font-weight: 400;">Jak widzimy, wyszukiwarka również znalazła się z prawej strony, jako ikonka, którą należy kliknąć i dopiero wtedy rozwija się pole do wpisania słowa kluczowego. Wcześniej wyszukiwarka zajmowała całą szerokość ekranu i nie do końca estetycznie to wyglądało, zajmowało też trochę miejsca. </span></p>
<p><img decoding="async" class="alignnone size-large wp-image-1552" src="https://pixelpr.net/wp-content/uploads/2023/07/szukajka_stara-1024x253.png" alt="" width="640" height="158" srcset="https://pixelpr.net/wp-content/uploads/2023/07/szukajka_stara-1024x253.png 1024w, https://pixelpr.net/wp-content/uploads/2023/07/szukajka_stara-300x74.png 300w, https://pixelpr.net/wp-content/uploads/2023/07/szukajka_stara-768x190.png 768w, https://pixelpr.net/wp-content/uploads/2023/07/szukajka_stara-597x148.png 597w, https://pixelpr.net/wp-content/uploads/2023/07/szukajka_stara.png 1206w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p><span style="font-weight: 400;">Teraz dodatkowo mamy też możliwość wyszukiwania produktów w wybranej kategorii.</span></p>
<p><img decoding="async" class="alignnone size-large wp-image-1554" src="https://pixelpr.net/wp-content/uploads/2023/07/szukajka_nowa-1024x70.png" alt="" width="640" height="44" srcset="https://pixelpr.net/wp-content/uploads/2023/07/szukajka_nowa-1024x70.png 1024w, https://pixelpr.net/wp-content/uploads/2023/07/szukajka_nowa-300x21.png 300w, https://pixelpr.net/wp-content/uploads/2023/07/szukajka_nowa-768x53.png 768w, https://pixelpr.net/wp-content/uploads/2023/07/szukajka_nowa-597x41.png 597w, https://pixelpr.net/wp-content/uploads/2023/07/szukajka_nowa.png 1296w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p><b>Widoczna ikonka oraz możliwość zalogowania/rejestracji konta</b></p>
<p><span style="font-weight: 400;">Dodaliśmy ikonkę z możliwością zalogowania się do swojego konta &#8211; wcześniej w ogóle nie było opcji rejestracji konta. Dla stałych klientów Kamila mogło to być trochę kłopotliwe, ponieważ za każdym razem musieli podawać od nowa te same dane do wysyłki. Teraz dane uzupełniają się od razu po zalogowaniu, a użytkownik ma też możliwość wglądu w poprzednie zamówienia. </span></p>
<p><img decoding="async" class="alignnone size-full wp-image-1550" src="https://pixelpr.net/wp-content/uploads/2023/07/koszyk_nowy.png" alt="" width="677" height="124" srcset="https://pixelpr.net/wp-content/uploads/2023/07/koszyk_nowy.png 677w, https://pixelpr.net/wp-content/uploads/2023/07/koszyk_nowy-300x55.png 300w, https://pixelpr.net/wp-content/uploads/2023/07/koszyk_nowy-597x109.png 597w" sizes="(max-width: 677px) 100vw, 677px" /></p>
<p><b>Dodanie opinii klientów</b></p>
<p><span style="font-weight: 400;">Kamil ma fantastyczną obsługę klienta w swoim sklepie i szkoda było tego nie pokazać, aby jeszcze bardziej wzbudzić zaufanie u nowych klientów. Wybraliśmy więc kilkanaście opinii i wrzuciliśmy je w pasku sklepu na stronie głównej</span></p>
<p><img decoding="async" class="alignnone size-large wp-image-1556" src="https://pixelpr.net/wp-content/uploads/2023/07/opinie-1024x439.png" alt="" width="640" height="274" srcset="https://pixelpr.net/wp-content/uploads/2023/07/opinie-1024x439.png 1024w, https://pixelpr.net/wp-content/uploads/2023/07/opinie-300x129.png 300w, https://pixelpr.net/wp-content/uploads/2023/07/opinie-768x330.png 768w, https://pixelpr.net/wp-content/uploads/2023/07/opinie-597x256.png 597w, https://pixelpr.net/wp-content/uploads/2023/07/opinie.png 1212w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p><b>Wydzielenie kategorii dla produktów prezentowanych na stronie głównej</b></p>
<p><span style="font-weight: 400;">Wcześniej produkty były luzem wrzucone i pokazane po kolei, w rzędach, bez jakiegokolwiek oddzielenia np. na produkty najlepiej sprzedające się albo na promocje. Wydzieliliśmy więc kategorie Bestsellery oraz Promocje, a niżej wstawiliśmy Gry Planszowe, gdyż jest to najpopularniejsza kategoria w sklepie. </span></p>
<p>&nbsp;</p>
<p><img decoding="async" class="alignnone size-large wp-image-1558" src="https://pixelpr.net/wp-content/uploads/2023/07/gry_planszowe-1024x400.png" alt="" width="640" height="250" srcset="https://pixelpr.net/wp-content/uploads/2023/07/gry_planszowe-1024x400.png 1024w, https://pixelpr.net/wp-content/uploads/2023/07/gry_planszowe-300x117.png 300w, https://pixelpr.net/wp-content/uploads/2023/07/gry_planszowe-768x300.png 768w, https://pixelpr.net/wp-content/uploads/2023/07/gry_planszowe-597x233.png 597w, https://pixelpr.net/wp-content/uploads/2023/07/gry_planszowe.png 1312w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p><span style="font-weight: 400;">A tak to wyglądało wcześniej:</span></p>
<p><img decoding="async" class="alignnone size-large wp-image-1560" src="https://pixelpr.net/wp-content/uploads/2023/07/stary_sklep_lista_produktow-1024x770.png" alt="" width="640" height="481" srcset="https://pixelpr.net/wp-content/uploads/2023/07/stary_sklep_lista_produktow-1024x770.png 1024w, https://pixelpr.net/wp-content/uploads/2023/07/stary_sklep_lista_produktow-300x226.png 300w, https://pixelpr.net/wp-content/uploads/2023/07/stary_sklep_lista_produktow-768x577.png 768w, https://pixelpr.net/wp-content/uploads/2023/07/stary_sklep_lista_produktow-597x449.png 597w, https://pixelpr.net/wp-content/uploads/2023/07/stary_sklep_lista_produktow.png 1197w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p><b>Mało wyraźne logo</b></p>
<p><span style="font-weight: 400;">Na telefonie logo było niewyraźne, wyglądało na nieco rozmyte. Klient nie posiadał niestety żadnego wektorowego formatu logo, ale na podstawie wysokiej jakości pliku PNG byliśmy w stanie wygenerować plik wektorowy w formacie SVG, dzięki czemu logo jest teraz ostrzejsze i bardziej czytelne</span></p>
<p>&nbsp;</p>
<p><b>Brak informacji kontaktowych na stronie głównej</b></p>
<p><span style="font-weight: 400;">Na poprzedniej wersji sklepu brakowało kontaktu, chociażby mailowego, pokazanego na stronie głównej w taki sposób, żeby użytkownik nie musiał iść do zakładki Kontakt, a mógł już z poziomu strony głównej skontaktować się ze sklepem</span></p>
<p>&nbsp;</p>
<p><img decoding="async" class="alignnone size-large wp-image-1562" src="https://pixelpr.net/wp-content/uploads/2023/07/stara_stopka-1024x295.png" alt="" width="640" height="184" srcset="https://pixelpr.net/wp-content/uploads/2023/07/stara_stopka-1024x295.png 1024w, https://pixelpr.net/wp-content/uploads/2023/07/stara_stopka-300x86.png 300w, https://pixelpr.net/wp-content/uploads/2023/07/stara_stopka-768x221.png 768w, https://pixelpr.net/wp-content/uploads/2023/07/stara_stopka-597x172.png 597w, https://pixelpr.net/wp-content/uploads/2023/07/stara_stopka.png 1352w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p><span style="font-weight: 400;">Dodaliśmy więc dane firmy w stopce oraz widoczny adres mailowy do kontaktu, a także loga operatorów płatności dostępnych w sklepie, co pozwoli użytkownikom od razu zorientować się, czy te metody płatności mu odpowiadają. </span></p>
<p><img decoding="async" class="alignnone size-large wp-image-1564" src="https://pixelpr.net/wp-content/uploads/2023/07/nowa_stopka-1024x433.png" alt="" width="640" height="271" srcset="https://pixelpr.net/wp-content/uploads/2023/07/nowa_stopka-1024x433.png 1024w, https://pixelpr.net/wp-content/uploads/2023/07/nowa_stopka-300x127.png 300w, https://pixelpr.net/wp-content/uploads/2023/07/nowa_stopka-768x325.png 768w, https://pixelpr.net/wp-content/uploads/2023/07/nowa_stopka-597x252.png 597w, https://pixelpr.net/wp-content/uploads/2023/07/nowa_stopka.png 1204w" sizes="(max-width: 640px) 100vw, 640px" /></p>
<p><span style="font-weight: 400;">Pracę z klientami tak otwartymi na sugestie lubimy najbardziej, ponieważ możemy się wykazać i mieć realny wpływ na pozytywny odbiór strony, a także łatwość nawigacji przez odbiorców docelowych. Pozytywne doświadczenia związane ze stroną powodują, że użytkownicy chętniej wracają i częściej kupują. Jest to niezwykle ważne, ponieważ jeśli odbiorcy się frustrują, że czegoś nie mogą znaleźć na stronie albo że coś nie działa tak jak powinno, to będą po prostu szybko uciekać ze strony i źle kojarzyć markę. </span></p>
<p>&nbsp;</p>
<p><strong>Twoja kolej</strong></p>
<p><em>Masz jakieś pytania? Śmiało zadaj je w komentarzach pod tym wpisem! Jeśli spodobał Ci się ten wpis, to proszę prześlij go e-mailem do swoich znajomych, lub podziel się nim na Facebooku lub Twitterze. Dziękuję!</em></p>
<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
