<?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>UI Design - Mateusz Kulik - UX/UI Designer</title>
	<atom:link href="https://www.mateuszkulik.pl/kategoria_projektu/ui-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.mateuszkulik.pl/kategoria_projektu/ui-design/</link>
	<description></description>
	<lastBuildDate>Mon, 04 Aug 2025 13:49:22 +0000</lastBuildDate>
	<language>pl-PL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://www.mateuszkulik.pl/wp-content/uploads/2025/01/cropped-MK-favicon-32x32.png</url>
	<title>UI Design - Mateusz Kulik - UX/UI Designer</title>
	<link>https://www.mateuszkulik.pl/kategoria_projektu/ui-design/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Klient z branży Automotive</title>
		<link>https://www.mateuszkulik.pl/portfolio/klient-z-branzy-automotive/</link>
					<comments>https://www.mateuszkulik.pl/portfolio/klient-z-branzy-automotive/#respond</comments>
		
		<dc:creator><![CDATA[Mateusz Kulik]]></dc:creator>
		<pubDate>Wed, 08 Jan 2025 16:21:28 +0000</pubDate>
				<guid isPermaLink="false">https://www.mateuszkulik.pl/?post_type=project&#038;p=1100</guid>

					<description><![CDATA[<p>Artykuł <a href="https://www.mateuszkulik.pl/portfolio/klient-z-branzy-automotive/">Klient z branży Automotive</a> pochodzi z serwisu <a href="https://www.mateuszkulik.pl">Mateusz Kulik - UX/UI Designer</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_1 et_animated et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Klient z&nbsp;branży Automotive</h1></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_1 breadcrumbs-MK  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><span><span><a href="https://www.mateuszkulik.pl/">Strona główna</a></span> / <span class="breadcrumb_last" aria-current="page"><strong>UI Design</strong></span></span></p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_0">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/08/Mateusz-Kulik-sygnet.svg" alt="" title="Mateusz-Kulik-sygnet" class="wp-image-1634" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_2 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_1 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_3_5 et_pb_column_1  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_2  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Tło projektu</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_0 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_3  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Celem projektu było opracowanie nowego rozwiązania realizującego rozbudowany webowy system do zarządzania flotą aut – realizacja takich funkcji jak zakup i sprzedaż auta, śledzenie przebiegów i przeglądów. System charakteryzuje się rozbudowanymi formularzami z dużą liczbą danych, rozbudowanymi tabelami i specyficznymi procesami. Użytkownikami systemu są pracownicy firmy pracujący w różnych działach.</p>
<p>Klient aktualnie posiada system, który nie realizuje wszystkich wymaganych funkcji i posiada błędy użyteczności, co sprawia, że wymaga rozbudowy i jest nieintuicyjny. Ze względu na swoją złożoność i specyfikę pracy, obsługiwany jest jedynie z poziomu urządzeń o wyższych rozdzielczościach – z poziomu przeglądarki internetowej.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_2_5 et_pb_column_2  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_1">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/01/Projekt-Automotive-g-1.svg" alt="Zdjęcie sylwetki Mateusza Kulika" title="" class="wp-image-733" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_3 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_2 et_animated">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_3  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_4  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Moja rola</p></div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_0  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Zaprojektowanie makiet HiFi z&nbsp;wykorzystaniem Design System</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_1  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Stworzenie prototypów</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_2  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Przeprowadzenie serii warsztatów z&nbsp;zespołami biznesowymi klienta</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_3  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Wycena czasochłonności obszaru UX modułów projektu</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_4  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Współpraca z&nbsp;zespołem developerskim</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_4  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_5  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Zespół</p></div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_5  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>UX Designer (ja)</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_6  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Project Manager</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_7  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Zespół Developerski<br />(np.&nbsp;Back-end Developer, Front-end Developer, Tester)</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_3 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_5  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_6  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Główne wyzwania projektu</p></div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_8  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Bardzo rozbudowane widoki i skomplikowane procesy</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_9  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Istniejący Design System i&nbsp;potrzeba jego rozbudowy</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_10  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Utrzymanie spójności UX całego systemu poprzez wykorzystanie reużywalnych komponentów</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_11  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Specyficzne potrzeby użytkowników</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_12  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Naprawa istniejących problemów z&nbsp;użytecznością poprzez zaprojektowanie procesów na&nbsp;nowo</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_13  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Wdrożenie nowych funkcji na podstawie potrzeb biznesowych różnych zespołów klientów biznesowych</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_4 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_6  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_14  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Czas trwania: 18 miesięcy</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_5 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_7  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_7  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Dodatkowa informacja: Ze względu na umowy poufności, nazwa klienta została ukryta. Dane i informacje, które mogły zostać uznane za wrażliwe, zostały przeze mnie zmienione na fikcyjne, ale nie wpływają one na proces projektowy.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_4 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_6 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_8  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_8  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Wyzwania projektu</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_1 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_9  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_2">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/01/Projekt-Automotive-g-4.svg" alt="Zdjęcie sylwetki Mateusza Kulika" title="" class="wp-image-746" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_5 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_7 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_10  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_9  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Rozbudowany system i&nbsp;skomplikowane procesy</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_10  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Jednym z&nbsp;wyzwań w&nbsp;projekcie było wdrożenie najlepszych możliwych rozwiązań pod&nbsp;kątem użyteczności w&nbsp;środowisku bardzo skomplikowanych, przeładowanych treścią ekranów – formularzy z&nbsp;dziesiątkami pól, tabelami z&nbsp;wieloma kolumnami, wielopoziomowymi filtrami, menu kontekstowym wierszy tabeli oraz&nbsp;innych mocno specyficznych mechanizmów.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_11  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Specyfika pracy użytkowników</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_12  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Podczas projektowania makiet wziąłem pod&nbsp;uwagę długi, często 8-godzinny czas pracy użytkowników w&nbsp;systemie – często w&nbsp;tym samym obszarze, ale&nbsp;jednocześnie z&nbsp;wieloma kartami systemu – dlatego w&nbsp;ramach zwiększenia użyteczności serwisu wypracowałem podejście, którym&nbsp;było ograniczenie przewijania ekranów i&nbsp;opracowanie prostszych procesów, które wymagały mniejszego wysiłku – mniejszej liczby kliknięć i&nbsp;przejść na&nbsp;kolejne ekrany.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_13  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Spójność systemu</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_14  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Jednym z głównych wyzwań podczas projektowania makiet była rozbudowa nowego systemu jako zestawu reużywalnych komponentów. Dzięki temu poznanie jednego modułu przez użytkownika sprawiało, że mógł on z łatwością zacząć pracować w innych obszarach systemu. Zachowanie spójnego „feelingu” UX projektu pozwoliło na utrzymanie spójności obsługi całego produktu.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_15  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Zaprojektowanie procesów na&nbsp;nowo</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_16  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Poprzedni system klienta do&nbsp;obsługi floty aut był z&nbsp;jednej strony ułatwieniem w&nbsp;analizowaniu potrzeb biznesowych, ale&nbsp;z&nbsp;drugiej strony, pod&nbsp;kątem użyteczności był wyzwaniem – wyzwaniem było tutaj nie&nbsp;powielanie dotychczasowych procesów, ale&nbsp;zaprojektowanie ich na&nbsp;nowo – w&nbsp;sposób bardziej intuicyjny, często zasadniczo różniący się od&nbsp;dotychczasowego procesu – co&nbsp;wymagało dużej świadomości w&nbsp;projektowaniu kolejnych ekranów.</p>
<p>W&nbsp;efekcie wykonanie konkretnych user stories w&nbsp;systemie było szybsze, a&nbsp;praca użytkowników systemu stała się wydajniejsza.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_6 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_8 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_11  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_17  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Zakres i efekty mojej pracy</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_2 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_12  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_3">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/01/Projekt-Automotive-g-3.svg" alt="Zdjęcie sylwetki Mateusza Kulika" title="" class="wp-image-745" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_7 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_9 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_13  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_18  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Warsztaty z&nbsp;użytkownikami i&nbsp;zespołem klienta</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_19  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>W&nbsp;celu ustalenia specyficznych potrzeb biznesowych i&nbsp;analizy środowiska pracy użytkowników przeprowadzałem cykliczne warsztaty z&nbsp;zespołami klienta pracującymi w&nbsp;różnych obszarach biznesowych. Podczas warsztatów użytkownicy konkretnego działu prezentowali realizacje konkretnych procesów.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_20  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h4>Protokół głośnego mówienia</h4></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_21  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Podczas warsztatów wprowadziłem protokół głośnego mówienia, dzięki czemu wiedziałem więcej o&nbsp;aktualnych doświadczeniach i&nbsp;problemach użytkowników na&nbsp;konkretnych etapach realizacji konkretnych procesów. Na&nbsp;podstawie tych informacji tworzyłem User stories.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_22  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Analiza dotychczasowego systemu</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_23  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Ważnym elementem w&nbsp;ramach wypracowania nowych modułów systemu, była moja analiza dotychczasowego rozwiązania klienta i&nbsp;zrozumienie, jakie obecnie posiada problemy użyteczności, a&nbsp;następnie wypracowanie nowego podejścia, które te&nbsp;problemy wyeliminuje.</p>
<p>W&nbsp;późniejszych modułach realizujących nowe procesy, które nie&nbsp;były realizowane w&nbsp;poprzednim systemie, musiałem zmienić podejście i&nbsp;skupić się wyłącznie na&nbsp;warsztatach z&nbsp;użytkownikami i&nbsp;poznać ich potrzeby.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_24  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Makiety HiFi projektowane zgodnie z&nbsp;zasadą User Centered Design</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_25  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Na&nbsp;podstawie zebranych potrzeb funkcjonalnych, analizy dotychczasowego rozwiązania oraz&nbsp;wniosków z&nbsp;warsztatów z&nbsp;użytkownikami, byłem w&nbsp;stanie przygotować nowe user flows oraz&nbsp;zaprojektować makiety HiFi uwzględniając realne potrzeby użytkowników i&nbsp;wyzwania projektowe.</p>
<p>Wszystkie tworzone przeze mnie makiety były efektem postawiania użytkowników w centrum procesu projektowania, zgodnie z zasadą – User Centered Design (UCD). To dzięki użytkownikom i obserwacji ich aktywności byłem w stanie trafnie określić realne potrzeby i oczekiwania użytkowników, na które makiety odpowiadały.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_26  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Design System i&nbsp;jego rozbudowa</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_27  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Projekt realizowany był etapami &#8211; posiadał już swój Design System, którym&nbsp;musiałem wydajnie się posługiwać, ale&nbsp;w&nbsp;przypadku nowych mechniazmów, musiałem rozbudować go&nbsp;o&nbsp;kolejne elementy, komponenty, warianty czy&nbsp;style tekstowe.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_28  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Klikalne prototypy weryfikujące User Stories</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_29  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Stworzenie klikanych prototypów pozwoliło mi&nbsp;na&nbsp;potwierdzanie założeń podczas tworzenia makiet. Możliwość przejścia przez&nbsp;User Stories na&nbsp;prototypach przez&nbsp;użytkowników systemu oraz&nbsp;warsztaty prezentujące makiety i&nbsp;prototypy potwierdzały spełnienie założeń i&nbsp;przekazanie makiet do&nbsp;wdrożenia.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_8 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_10 et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_2_5 et_pb_column_14  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_4">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/01/Projekt-Automotive-g-2.svg" alt="Zdjęcie sylwetki Mateusza Kulika" title="" class="wp-image-747" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_3_5 et_pb_column_15  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_30  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Podsumowanie projektu</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_3 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_31  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Przez&nbsp;18 miesięcy z&nbsp;powodzeniem realizowałem kolejne moduły i&nbsp;funkcje systemu. Projekt był wymagający – użytkownicy posiadają specyficzne potrzeby, a&nbsp;przygotowanie odpowiednich makiet wymaga ich dogłębnego zrozumienia. Zaprojektowane widoki realnie przyśpieszają i&nbsp;ułatwiają pracę pracowników klienta. Zadowolenie klienta z&nbsp;współpracy sprawiła, że&nbsp;projekt trwał prawie 2 lata i&nbsp;prawdopodobna jest kontynuacja współpracy w&nbsp;przyszłości. Stworzone przeze mnie makiety i&nbsp;opisy funkcjonalne są&nbsp;wytycznymi dla zespołu back-end i&nbsp;front-end developerów oraz&nbsp;testerów, gdzie moja rola jest również obecna w&nbsp;formie konsultacji i&nbsp;odpowiedzi na&nbsp;pytania zespołu projektowego.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Artykuł <a href="https://www.mateuszkulik.pl/portfolio/klient-z-branzy-automotive/">Klient z branży Automotive</a> pochodzi z serwisu <a href="https://www.mateuszkulik.pl">Mateusz Kulik - UX/UI Designer</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.mateuszkulik.pl/portfolio/klient-z-branzy-automotive/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>GreenGo &#8211; aplikacja mobilna</title>
		<link>https://www.mateuszkulik.pl/portfolio/greengo-aplikacja-mobilna/</link>
					<comments>https://www.mateuszkulik.pl/portfolio/greengo-aplikacja-mobilna/#respond</comments>
		
		<dc:creator><![CDATA[Mateusz Kulik]]></dc:creator>
		<pubDate>Mon, 06 Jan 2025 15:52:22 +0000</pubDate>
				<guid isPermaLink="false">https://www.mateuszkulik.pl/?post_type=project&#038;p=1297</guid>

					<description><![CDATA[<p>Artykuł <a href="https://www.mateuszkulik.pl/portfolio/greengo-aplikacja-mobilna/">GreenGo &#8211; aplikacja mobilna</a> pochodzi z serwisu <a href="https://www.mateuszkulik.pl">Mateusz Kulik - UX/UI Designer</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_9 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_11 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_16  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_32  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>GreenGo &#8211; aplikacja mobilna</h1></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_33 breadcrumbs-MK  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><span><span><a href="https://www.mateuszkulik.pl/">Strona główna</a></span> / <span class="breadcrumb_last" aria-current="page"><strong>UI Design</strong></span></span></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_10 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_12 flex-column-reverse-MK et_pb_equal_columns et_pb_gutters1">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_17  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_5">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-3.svg" alt="" title="" class="wp-image-1317" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_2_3 et_pb_column_18  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_6">
				
				
				
				
				<span class="et_pb_image_wrap "><img fetchpriority="high" decoding="async" width="1144" height="1125" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-hero.jpg" alt="GreenGo hero" title="GreenGo OG" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-hero.jpg 1144w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-hero-980x964.jpg 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-hero-480x472.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1144px, 100vw" class="wp-image-1305" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_11 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_13 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters1">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_19  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_34  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>GreenGo</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_35  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Podróże przyjazne środowisku</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_36  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Czym jest aplikacja <span style="color: #01b786;"><strong>GreenGo?</strong></span></p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_37  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Naszym zadaniem w&nbsp;ramach projektu zaliczeniowego studiów podyplomowych UX Design i&nbsp;Analityka Internetowa na&nbsp;Politechnice Białostockiej było opracowanie strategii i&nbsp;zaprojektowanie aplikacji mobilnej w&nbsp;obszarze &#8222;Eco-City&#8221;. Efektem pracy jest aplikacja GreenGo, która&nbsp;będzie pomagać mieszkańcom i&nbsp;turystom podróżować po&nbsp;miastach wykorzystując ekologiczne środki transportu i&nbsp;zdobywać za&nbsp;to&nbsp;nagrody.</p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_7">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-3.svg" alt="" title="" class="wp-image-1317" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_2_3 et_pb_column_20  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_8">
				
				
				
				
				<span class="et_pb_image_wrap "><img fetchpriority="high" decoding="async" width="1144" height="1125" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-hero.jpg" alt="GreenGo hero" title="GreenGo OG" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-hero.jpg 1144w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-hero-980x964.jpg 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-hero-480x472.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1144px, 100vw" class="wp-image-1305" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_12 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_14 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_21  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_9">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="400" height="96" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Logo-GreenGo.png" alt="Logo aplikacji mobilnej GreenGo" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Logo-GreenGo.png 400w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Logo-GreenGo-300x72.png 300w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-1318" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_38  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Moja rola</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_39  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Zadania indywidualne:</p></div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_15  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Przygotowanie makiet HiFi</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_16  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Zaprojektowanie pod&nbsp;kątem graficznym prezentacji przedstawiającej nasz proces myślowy i&nbsp;strategię biznesową</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_17  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Opracowanie logo aplikacji</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_18  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Ustalenie typografii i&nbsp;palety kolorów</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_40  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Pozostałe aktywności opisane niżej realizowałem wspólnie z&nbsp;moim zespołem projektowym</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_15 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_22  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_41  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Zespół</p></div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_19  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>3-osobowy zespół projektowy</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_16 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_23  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_20  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Czas trwania: 3 miesiące</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_13 et_section_regular section_has_divider et_pb_top_divider" >
				<div class="et_pb_top_inside_divider et-no-transition"></div>
				
				
				
				
				
				<div class="et_pb_row et_pb_row_17 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_24  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_21 center-vertical-align-blurb-MK  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-n2.svg" alt="" class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone wp-image-1326" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><h2 class="custom-h2-MK">Jaki był nasz <span style="color: #01b786;">workflow?</span></h2></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_42  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Jakie aktywności wykonaliśmy, aby właściwie śledzić główne problemy i&nbsp;potrzeby użytkowników? Przeprowadziliśmy m.in.&nbsp;Indywidualne Pogłębione Wywiady z&nbsp;ponad 30 pytaniami, co&nbsp;dało nam wgląd w&nbsp;to, co&nbsp;irytuje użytkowników, co&nbsp;im&nbsp;przeszkadza, gdy&nbsp;korzystają z&nbsp;aplikacji w&nbsp;takich obszarach jak: podróżowanie, nawigacja, czy&nbsp;miejskie środki transportu</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_18 et_animated">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_25  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_22  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Indywidualne Pogłębione Wywiady</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_26  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_23  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Business Model Canvas</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_27  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_24  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Customer Journey</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_19 et_animated">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_28  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_25  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Value proposition canvas</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_29  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_26  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Persony użytkowników</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_30  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_27  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Struktura Informacji</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_20 et_animated">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_31  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_28  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Makiety LoFi</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_32  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_29  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Makiety HiFi</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_33  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_30  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-1.svg" alt="" class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone wp-image-1314" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Prezentacja podsumowująca projekt</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_14 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_21 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_34  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_31 center-vertical-align-blurb-MK  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-n2.svg" alt="" class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone wp-image-1326" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><h2 class="custom-h2-MK">Insighty <span style="color: #01b786;">&amp; główne motywacje</span></h2></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_22">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_35  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_10">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="399" height="368" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/onboarding-1.png" alt="" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/onboarding-1.png 399w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/onboarding-1-300x277.png 300w" sizes="(max-width: 399px) 100vw, 399px" class="wp-image-1338" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_43 et_animated  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 data-sourcepos="3:1-3:117">Podróżuj eco-friendly</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_44  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Użytkownicy są&nbsp;skłonni korzystać z&nbsp;ekologicznych środków transportu tylko&nbsp;wtedy, gdy&nbsp;będzie to&nbsp;wygodne, łatwe i&nbsp;nie&nbsp;będą tracić czasu. Nasza aplikacja będzie nagradzać użytkowników za&nbsp;ekologiczne działania dzięki naszym partnerom (takim jak ratusze lub restauracje)</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_36  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_11">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="400" height="369" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/onboarding-3.png" alt="" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/onboarding-3.png 400w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/onboarding-3-300x277.png 300w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-1339" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_45  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 data-sourcepos="3:1-3:117">Agregator aplikacji do&nbsp;podróży</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_46  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Jednym z&nbsp;największych problemów użytkowników było to, że&nbsp;jeśli podróżowali do&nbsp;innego miasta, musieli korzystać z&nbsp;innej aplikacji do&nbsp;rowerów, do&nbsp;autobusów i&nbsp;jeszcze innej do&nbsp;hulajnóg. Nasza aplikacja rozwiąże ten problem dzięki umowom z&nbsp;wieloma miastami i&nbsp;operatorami np.&nbsp;hulajnog</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_37  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_12">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="400" height="505" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/wlaczenie-geolokalizacji.png" alt="" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/wlaczenie-geolokalizacji.png 400w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/wlaczenie-geolokalizacji-238x300.png 238w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-1340" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_47  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 data-sourcepos="3:1-3:117">Nawiguj w&nbsp;stylu eco-friendly</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_48  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Kiedy użytkownicy są&nbsp;w&nbsp;obcym mieście, nie&nbsp;wiedzą, gdzie są&nbsp;przystanki autobusowe lub stacje rowerowe i&nbsp;jak dotrzeć do&nbsp;celu. Nasza aplikacja poprowadzi użytkowników na&nbsp;każdym etapie ich podróży z&nbsp;priorytetyzacją środków transportu przyjaznych środowisku</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_23">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_38  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_13">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="400" height="501" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/wybor-platnosci-portfel.png" alt="" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/wybor-platnosci-portfel.png 400w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/wybor-platnosci-portfel-240x300.png 240w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-1341" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_49 et_animated  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 data-sourcepos="3:1-3:117">E-wallet</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_50  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Jeden portfel elektroniczny, jedno miejsce do&nbsp;płacenia za&nbsp;wszystkie ekologiczne podróże. Koniec z&nbsp;dodatkowymi aplikacjami z&nbsp;różnymi portfelami</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_39  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_14">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="400" height="454" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/pin-weryfikacjyjny.png" alt="" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/pin-weryfikacjyjny.png 400w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/pin-weryfikacjyjny-264x300.png 264w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-1342" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_51  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 data-sourcepos="3:1-3:117">Porównanie kosztów transportu</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_52  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Koszty są&nbsp;dla użytkowników bardzo ważne. Dzięki GreenGo użytkownicy zobaczą przewidywane koszty dla każdego środka transportu</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_40  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_15">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="400" height="369" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/onboarding-2.png" alt="" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/onboarding-2.png 400w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/onboarding-2-300x277.png 300w" sizes="(max-width: 400px) 100vw, 400px" class="wp-image-1343" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_53  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 data-sourcepos="3:1-3:117">Bycie eko się opłaca</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_54  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Łatwe i&nbsp;wygodne ekologiczne podróżowanie jest ważne, ale&nbsp;nagrody za&nbsp;podróżowanie eko-friendly są&nbsp;wisienką na&nbsp;torcie &#8211; darmowe bilety na&nbsp;autobusy, darmowe przejażdżki rowerowe lub zniżki do&nbsp;restauracji</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_15 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_24 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_41  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_32 center-vertical-align-blurb-MK  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-n2.svg" alt="" class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone wp-image-1326" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><h2 class="custom-h2-MK">Insighty <span style="color: #01b786;">&amp; główne motywacje</span></h2></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_25 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_42  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_16">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1940" height="1276" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-AI.png" alt="Architektura Informacji aplikacji mobilnej GreenGo" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-AI.png 1940w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-AI-1280x842.png 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-AI-980x645.png 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-AI-480x316.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1940px, 100vw" class="wp-image-1352" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_55  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Obraz 1. Architektura Informacji aplikacji mobilnej GreenGo</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_16 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_26 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_43  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_33 center-vertical-align-blurb-MK  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-n2.svg" alt="" class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone wp-image-1326" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><h2 class="custom-h2-MK">Typografia <span style="color: #01b786;">&amp; paleta kolorów</span></h2></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_56  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Podstawowym kolorem palety kolorów w&nbsp;aplikacji jest zielony, ponieważ bezpośrednio kojarzy się z&nbsp;naturą i&nbsp;ekologią. Dodatkowy kolor tekstów to&nbsp;ciemnoszary. Font używany w&nbsp;aplikacji to&nbsp;Lato.</p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_17">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="862" height="260" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/typografia-i-kolory.png" alt="" title="typografia i&nbsp;kolory" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/typografia-i-kolory.png 862w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/typografia-i-kolory-480x145.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 862px, 100vw" class="wp-image-1356" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_17 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_27 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_44  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_34 center-vertical-align-blurb-MK  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-n2.svg" alt="" class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone wp-image-1326" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><h2 class="custom-h2-MK">Makiety <span style="color: #01b786;">LoFi</span></h2></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_57  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Wybrane makiety LoFi</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_28 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_45  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_18">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1600" height="785" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-2.png" alt="" title="GreenGo-ekrany-2" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-2.png 1600w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-2-1280x628.png 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-2-980x481.png 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-2-480x236.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1600px, 100vw" class="wp-image-1361" /></span>
			</div><div class="et_pb_module et_pb_image et_pb_image_19">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-3.svg" alt="" title="" class="wp-image-1317" /></span>
			</div><div class="et_pb_module et_pb_image et_pb_image_20">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1600" height="785" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-1.png" alt="" title="GreenGo-ekrany-1" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-1.png 1600w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-1-1280x628.png 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-1-980x481.png 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-1-480x236.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1600px, 100vw" class="wp-image-1360" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_58  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Obraz 2. Wybrane makiety LoFi aplikacji mobilnej GreenGo</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_18 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_29 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_46  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_35 center-vertical-align-blurb-MK  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-n7.svg" alt="" class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone wp-image-1324" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><h2 class="custom-h2-MK"><span style="color: #ffffff;">Makiety HiFi</span></h2></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_59  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Wybrane makiety HiFi</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_30 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_47  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_21">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1576" height="883" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-3.png" alt="Wybrane makiety HiFi aplikacji mobilnej GreenGo" title="GreenGo-ekrany-2" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-3.png 1576w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-3-1280x717.png 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-3-980x549.png 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-3-480x269.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1576px, 100vw" class="wp-image-1362" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_19 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_31">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_48  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_22 et_animated et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1576" height="883" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-5.png" alt="Wybrane makiety HiFi aplikacji mobilnej GreenGo" title="GreenGo-ekrany-2" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-5.png 1576w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-5-1280x717.png 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-5-980x549.png 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-5-480x269.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1576px, 100vw" class="wp-image-1363" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_60  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Obraz 3. Wybrane makiety HiFi aplikacji mobilnej GreenGo</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_20 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_32 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_49  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_61  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 data-sourcepos="3:1-3:117">Onboarding</h3></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_23">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-3.svg" alt="" title="" class="wp-image-1317" /></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_33 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_50  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_24">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1576" height="883" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-7.png" alt="Wybrane makiety HiFi aplikacji mobilnej GreenGo" title="GreenGo-ekrany-2" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-7.png 1576w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-7-1280x717.png 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-7-980x549.png 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-7-480x269.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1576px, 100vw" class="wp-image-1364" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_62  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Obraz 4. Wybrane makiety procesu onboardingu</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_21 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_34 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_51  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_63  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3 data-sourcepos="3:1-3:117">Łatwe tworzenie konta</h3></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_35 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_52  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_25">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1576" height="883" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-8.png" alt="Wybrane makiety HiFi aplikacji mobilnej GreenGo" title="GreenGo-ekrany-2" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-8.png 1576w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-8-1280x717.png 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-8-980x549.png 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-8-480x269.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1576px, 100vw" class="wp-image-1365" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_64  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Obraz 5. Wybrane makiety procesu zakładania konta</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_22 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_36">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_53  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_26 et_animated et-waypoint">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="508" height="861" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-9.png" alt="Wybrane makiety HiFi aplikacji mobilnej GreenGo" title="GreenGo-ekrany-6" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-9.png 508w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-ekrany-9-480x814.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 508px, 100vw" class="wp-image-1371" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_23 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_37 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_54  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_27">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1600" height="1277" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Mockupy-ekranow-v2.png" alt="Wybrane makiety HiFi aplikacji mobilnej GreenGo" title="GreenGo-ekrany-6" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Mockupy-ekranow-v2.png 1600w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Mockupy-ekranow-v2-1280x1022.png 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Mockupy-ekranow-v2-980x782.png 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Mockupy-ekranow-v2-480x383.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1600px, 100vw" class="wp-image-1375" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_24 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_38 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_55  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_36 center-vertical-align-blurb-MK  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap et_pb_only_image_mode_wrap"><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-n2.svg" alt="" class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone wp-image-1326" /></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><h2 class="custom-h2-MK">Podsumowanie <span style="color: #01b786;">projektu</span></h2></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_text et_pb_text_65  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Przeszliśmy przez&nbsp;cały proces projektowania produktu &#8211; User Centered Design, w&nbsp;którym&nbsp;potrzeby i&nbsp;problemy użytkowników były na&nbsp;pierwszym miejscu. GreenGo to&nbsp;aplikacja mobilna, która&nbsp;pomoże ludziom podróżować w&nbsp;sposób przyjazny dla środowiska, oszczędzający pieniądze i&nbsp;wygodny.</p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_28">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-3.svg" alt="" title="" class="wp-image-1317" /></span>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_39 et_animated">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_56  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_29">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/UI-150plus.svg" alt="Key Performance 3" title="" class="wp-image-1384" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_66  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Szkiców &amp;<span style="color: #01b786;"> makiet LoFi i&nbsp;HiFi</span></h3></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_57  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_30">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/UI-60lus.svg" alt="Key Performance 2" title="" class="wp-image-1383" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_67  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Makiet <span style="color: #01b786;">HiFi</span></h3></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_58  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_31">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/UI-3plus.svg" alt="Key Performance 1" title="" class="wp-image-1382" /></span>
			</div><div class="et_pb_module et_pb_text et_pb_text_68  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Miesięcy <span style="color: #01b786;">pracy</span></h3></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Artykuł <a href="https://www.mateuszkulik.pl/portfolio/greengo-aplikacja-mobilna/">GreenGo &#8211; aplikacja mobilna</a> pochodzi z serwisu <a href="https://www.mateuszkulik.pl">Mateusz Kulik - UX/UI Designer</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.mateuszkulik.pl/portfolio/greengo-aplikacja-mobilna/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Klient z branży gamingowej</title>
		<link>https://www.mateuszkulik.pl/portfolio/klient-z-branzy-gamingowej/</link>
					<comments>https://www.mateuszkulik.pl/portfolio/klient-z-branzy-gamingowej/#respond</comments>
		
		<dc:creator><![CDATA[Mateusz Kulik]]></dc:creator>
		<pubDate>Sun, 05 Jan 2025 16:22:49 +0000</pubDate>
				<guid isPermaLink="false">https://www.mateuszkulik.pl/?post_type=project&#038;p=1104</guid>

					<description><![CDATA[<p>Artykuł <a href="https://www.mateuszkulik.pl/portfolio/klient-z-branzy-gamingowej/">Klient z branży gamingowej</a> pochodzi z serwisu <a href="https://www.mateuszkulik.pl">Mateusz Kulik - UX/UI Designer</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_26 et_animated et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_40">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_59  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_69  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Klient z&nbsp;branży gamingowej</h1></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_70 breadcrumbs-MK  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p><span><span><a href="https://www.mateuszkulik.pl/">Strona główna</a></span> / <span class="breadcrumb_last" aria-current="page"><strong>UI Design</strong></span></span></p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_32">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/08/Mateusz-Kulik-sygnet.svg" alt="" title="Mateusz-Kulik-sygnet" class="wp-image-1634" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_27 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_41 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_3_5 et_pb_column_60  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_71  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Tło projektu</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_4 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_72  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Celem projektu było zaprojektowanie na&nbsp;nowo wewnętrznego systemu do&nbsp;zarządzania produktami i&nbsp;zamówieniami oraz&nbsp;logiką działań biznesowych. System zarządza także integracjami z&nbsp;partnerami różnego poziomu.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_2_5 et_pb_column_61  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_33">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/01/Gaming-client-g-4.svg" alt="Maskotka misia grającego na&nbsp;konsoli" title="" class="wp-image-757" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_28 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_42 et_animated">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_62  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_73  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Moja rola</p></div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_37  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Zaprojektowanie projektów graficznych z&nbsp;wykorzystaniem Design Systemu i&nbsp;koncepcją Atomic Design</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_38  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Stworzenie interaktywnych prototypów</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_39  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Przeprowadzenie serii warsztatów z&nbsp;użytkownikami systemu</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_40  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Wycena czasochłonności obszaru UX projektu</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_63  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_74  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Zespół</p></div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_41  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>UX Designer (ja)</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_42  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Project Manager</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_43  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Zespół Developerski <br />(np.&nbsp;Business Analyst, Front-end Developer, Tester)</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_43 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_64  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_75  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Główne wyzwania projektu</p></div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_44  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Stworzenie makiet i&nbsp;prototypów z&nbsp;wykorzystaniem rozbudowanego Design Systemu, z&nbsp;którym&nbsp;musiałem się zapoznać a&nbsp;następnie również rozbudować o&nbsp;nowe elementy</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_45  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Opracowanie użytecznych filtrów i&nbsp;akcji kontekstowych specyficznych dla produtku</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_46  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Zadbanie o&nbsp;zrozumiałe etykiety i&nbsp;niestandardowe mechanizmy pól systemu</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_47  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Wypracowanie podejścia do&nbsp;serii warsztatów z&nbsp;użytkownikami w&nbsp;celu zmapowania potrzeb użytkowników i&nbsp;funkcji systemu</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_48  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Preprowadzenie serii warstatów pozwalających zrozumieć specyfikę systemu i&nbsp;pracy jego użytkowników</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_44 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_65  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_49  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Czas trwania: 11 miesięcy</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_45 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_66  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_76  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Dodatkowa informacja: Ze&nbsp;względu na&nbsp;umowy poufności, nazwa klienta została ukryta. Dane i&nbsp;informacje, które mogły zostać uznane za&nbsp;wrażliwe, zostały przeze mnie zmienione na&nbsp;fikcyjne, ale&nbsp;nie&nbsp;wpływają one na&nbsp;proces projektowy.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_29 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_46 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_3_5 et_pb_column_67  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_77  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Wyzwania projektu</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_5 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div>
			</div><div class="et_pb_column et_pb_column_2_5 et_pb_column_68  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_34">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/01/Gaming-client-g-2.svg" alt="Maskotka aligatora grającego na&nbsp;konsoli" title="" class="wp-image-759" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_30 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_47 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_69  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_78  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Praca w&nbsp;oparciu o&nbsp;Design System</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_79  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Wykorzystanie Design Systemu w&nbsp;procesie projektowania wymagało ode mnie poznanie specyfikacji systemu – jego struktury, komponentów, stanów poszczególnych elementów czy&nbsp;biblioteki obiektów i&nbsp;styli tekstowych. Następnym krokiem było dostosowanie się do&nbsp;pracy i&nbsp;efektywnego wykorzystania Design Systemu. W&nbsp;projekcie zrealizowałem również koncepcję Atomic Design, co&nbsp;pozwoliło na&nbsp;wydajne zarządzanie rozrastającym się Design Systemem.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_80  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Opracowanie użytecznych filtrów i&nbsp;akcji kontekstowych</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_81  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Ze&nbsp;względu na&nbsp;wielogodzinną pracę w&nbsp;systemie, jego użytkownicy potrzebowali narzędzi, które ułatwią im&nbsp;wydajne wykonywanie zadań. Wypracowanie użytecznych filtrów znacznie przyśpieszyło i&nbsp;ułatwiło pracę użytkowników, co&nbsp;sprawiło, że&nbsp;nowa wersja systemu jest bardziej użyteczna.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_82  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Zrozumiałe etykiety i&nbsp;niestandardowe mechanizmy pól systemu</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_83  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Ze&nbsp;względu na&nbsp;złożoność systemu, przygotowanie zrozumiałych etykiet nazw modułów, pozycji w&nbsp;nawigacji systemu czy&nbsp;poszczególnych elementów było ważnym etapem projektowania w&nbsp;celu zapewnienia odpowiedniej użyteczności.</p>
<p>Poszczególne funkcje systemu wymuszały także stworzenie niestandardowych mechanizmów pól – jak np.&nbsp;pole, które przybiera różne wartości dla różnych regionów, co&nbsp;wymagało świadomych decyzji projektowych.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_31 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_48 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_3_5 et_pb_column_70  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_84  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Zakres i efekty mojej pracy</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_6 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div>
			</div><div class="et_pb_column et_pb_column_2_5 et_pb_column_71  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_35">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/01/Gaming-client-g-4.svg" alt="Maskotka misia grającego na&nbsp;konsoli" title="" class="wp-image-757" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_32 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_49 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_72  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_85  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Seria warsztatów z&nbsp;użytkownikami systemu w&nbsp;celu zrozumienia ich potrzeb</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_86  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Korzystając z&nbsp;bezpośredniego dostępu do&nbsp;użytkowników systemu, przygotowałem i&nbsp;przeprowadziłem serię warsztatów, podczas których&nbsp;omawialiśmy potrzeby użytkowników oraz&nbsp;cele biznesowe w&nbsp;kolejnych obszarach systemu zarządzania. Przygotowałem macierze pól i&nbsp;zawartości widoków, które pozwoliły na&nbsp;efektywną pracę podczas warsztatów.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_87  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Wypracowanie architektury informacji i&nbsp;User Flows</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_88  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Wypracowanie architektury informacji i&nbsp;przepływów użytkowników były kluczowym etapem w&nbsp;procesie wytwarzania nowego systemu – miały one na&nbsp;celu zapewnienie intuicyjnych doświadczeń użytkownika. Architektura informacji pozwoliła zdefiniować organizację treści i&nbsp;umożliwić użytkownikom intuicyjnie poruszanie się po&nbsp;interfejsie.</p>
<p>Opracowane User Flows zaprezentowały ścieżki, którymi użytkownicy podążają podczas interakcji z&nbsp;produktem, co&nbsp;pozwoliło mi&nbsp;przejść do&nbsp;kolejnych etapów realizacji projektu.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_89  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Analiza dotychczasowego rozwiązania i&nbsp;poprawa usability procesów</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_90  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Jednym z&nbsp;etapów pracy nad&nbsp;nowym systemem klienta była moja analiza poprzedniego rozwiązania, następnie zidentyfikowanie istniejących błędów użyteczności i&nbsp;zadbanie o&nbsp;to, aby w&nbsp;nowym rozwiązaniu błędy zostały rozwiązane.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_91  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Makiety HiFi projektowane z&nbsp;wykorzystaniem Design Systemu</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_92  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Makiety HiFi przygotowałem wykorzystując Design System, co&nbsp;zapewniło spójność zaprojektowanego interfejsu, ale&nbsp;z&nbsp;drugiej strony wymagało ode mnie zapoznania się z&nbsp;szeregiem komponentów i&nbsp;wzorców projektowych. Wykorzystanie Design Systemu i&nbsp;koncepcji Atomic Design przyśpieszyło także proces powstawania makiet i&nbsp;umożliwiło dynamiczne wprowadzenie zmian w&nbsp;projektach.</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_93  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h3>Klikalne prototypy</h3></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_94  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Prototypy, które wykonałem w&nbsp;połączeniu z&nbsp;makietami HiFi stworzyły bardzo realne odwzorowanie interaktywnej wersji systemu, które podczas warsztatów z&nbsp;użytkownikami systemu pozwalały potwierdzać przygotowane widoki lub ustalać wspólnie zmiany w&nbsp;projekcie.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_33 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_50 et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_2_5 et_pb_column_73  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_36">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/01/Gaming-client-g-1v2.svg" alt="Maskotka atronauty grającego na&nbsp;konsoli" title="" class="wp-image-760" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_3_5 et_pb_column_74  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_95  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Podsumowanie projektu</h2></div>
			</div><div class="et_pb_module et_pb_divider et_pb_divider_7 et_pb_divider_position_ et_pb_space"><div class="et_pb_divider_internal"></div></div><div class="et_pb_module et_pb_text et_pb_text_96  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p> Dzięki serii spotkań warsztatowych z&nbsp;użytkownikami systemu byłem w&nbsp;stanie zrozumieć ich potrzeby, połączyć je&nbsp;z&nbsp;celami biznesowymi firmy i&nbsp;opracować rozwiązanie, które będzie prezentowało wyższy poziom użyteczności, a&nbsp;jednocześnie da realne możliwości szybciej i&nbsp;mniej obciążającej mentalnie codziennej, wielogodzinnej pracy z&nbsp;systemem. Wykorzystanie Design Systemu i&nbsp;koncepcji Atomic Design było w&nbsp;początkowej fazie wyzwaniem, ale&nbsp;w&nbsp;późniejszym etapie pozwoliło na&nbsp;szybkie wprowadzanie zmian w&nbsp;makietach i&nbsp;prototypach.</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Artykuł <a href="https://www.mateuszkulik.pl/portfolio/klient-z-branzy-gamingowej/">Klient z branży gamingowej</a> pochodzi z serwisu <a href="https://www.mateuszkulik.pl">Mateusz Kulik - UX/UI Designer</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.mateuszkulik.pl/portfolio/klient-z-branzy-gamingowej/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Redesign serwisu Haas F1 Team</title>
		<link>https://www.mateuszkulik.pl/portfolio/redesign-serwisu-haas-f1-team/</link>
					<comments>https://www.mateuszkulik.pl/portfolio/redesign-serwisu-haas-f1-team/#respond</comments>
		
		<dc:creator><![CDATA[Mateusz Kulik]]></dc:creator>
		<pubDate>Fri, 03 Jan 2025 00:00:06 +0000</pubDate>
				<guid isPermaLink="false">https://www.mateuszkulik.pl/?post_type=project&#038;p=1157</guid>

					<description><![CDATA[<p>Artykuł <a href="https://www.mateuszkulik.pl/portfolio/redesign-serwisu-haas-f1-team/">Redesign serwisu Haas F1 Team</a> pochodzi z serwisu <a href="https://www.mateuszkulik.pl">Mateusz Kulik - UX/UI Designer</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_34 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_51 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_75  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_97  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Redesign serwisu Haas F1 Team</h1></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_98 breadcrumbs-MK  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><span><span><a href="https://www.mateuszkulik.pl/">Strona główna</a></span> / <span class="breadcrumb_last" aria-current="page"><strong>UI Design</strong></span></span></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_35 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_52 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_76  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_99  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="1:1-1:281">1</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_100  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Tło projektu</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_101  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Haas F1 Team</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_102  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="1:1-1:281">Zespół Haas F1 to zespół wyścigowy biorący udział w Mistrzostwach Świata Formuły 1 FIA.</p>
<p data-sourcepos="3:1-3:117">Celem projektu było opracowanie konceptu nowej strony głównej serwisu. Swoją pracę zacząłem od przeprowadzenia audytu UX/UI obecnej strony internetowej zespołu, następnie skompletowałem i przygotowałem assety do projektu i  zaprojektowałem koncepcję nowej strony głównej.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_77  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_37">
				
				
				
				
				<span class="et_pb_image_wrap has-box-shadow-overlay"><div class="box-shadow-overlay"></div><img loading="lazy" decoding="async" width="1366" height="721" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/fist-look-Haas-F1-Team.jpg" alt="Pierwszy widok konceptu strony głównej Haas F1" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/fist-look-Haas-F1-Team.jpg 1366w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/fist-look-Haas-F1-Team-1280x676.jpg 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/fist-look-Haas-F1-Team-980x517.jpg 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/fist-look-Haas-F1-Team-480x253.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1366px, 100vw" class="wp-image-1166" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_36 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_53 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_78  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_103  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Zakres projektu</p></div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_50  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Przeprowadzenie audytu UX/UI</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_51  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Przygotowanie assetów do&nbsp;UI &#8211; przygotowanie Key Visuali, obróbka graficzna zdjęć</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_52  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Zaprojektowanie konceptu UI strony głównej</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_54 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_79  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_104  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Główne wyzwania projektu</p></div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_53  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Warstwa UI, która&nbsp;powinna budować spójny feeling z&nbsp;budowaniem marki w&nbsp;innych kanałach &#8211; spójne barwy, ale&nbsp;w&nbsp;nowoczesnym, interaktywnym stylu</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_54  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Styl graficzny, który&nbsp;powinien oddawać innowacyjność zespołu biorącego udział w&nbsp;Formule 1 &#8211; odpowiednie dobranie kolorów, ikon i&nbsp;fontu było kluczowe</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_55  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Wykorzystanie najważniejszych wniosków z&nbsp;audytu jako rekomendacji projektowych</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_55 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_80  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_56  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Czas trwania: 2 tygodnie</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_37 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_56 et_animated et_pb_gutters4">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_81  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_105  et_pb_text_align_left et_pb_text_align_center-tablet et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="1:1-1:281">2</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_106  et_pb_text_align_left et_pb_text_align_center-tablet et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Audyt UX/UI</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_107  et_pb_text_align_left et_pb_text_align_center-tablet et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Co wymaga poprawy</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_108  et_pb_text_align_left et_pb_text_align_center-tablet et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Dzięki audytowi UX/UI wykryłem główne problemy, których&nbsp;naprawa posłużyła mi&nbsp;jako rekomendacje projektowe.</p></div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_82  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_57  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Nieaktualny design</span></h4>
						<div class="et_pb_blurb_description"><p>Który&nbsp;nie&nbsp;buduje obrazu marki nowoczesnej i&nbsp;innowacyjnej</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_83  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_58  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Problemy architektury informacji</span></h4>
						<div class="et_pb_blurb_description"><p>Nawigacja strony internetowej nie&nbsp;wskazuje, na&nbsp;której&nbsp;stronie aktualnie znajduje się użytkownik, a&nbsp;elementy, które wyglądają na&nbsp;klikalne &#8211; nie&nbsp;są&nbsp;nimi</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_57 et_animated et_pb_gutters4">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_84  et_pb_css_mix_blend_mode_passthrough et_pb_column_empty">
				
				
				
				
				
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_85  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_59  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Slider z problemami użyteczności</span></h4>
						<div class="et_pb_blurb_description"><p>Slider jest bardzo nieintuicyjny w&nbsp;użytkowaniu &#8211; posiada 2 poziomy scrolla</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_86  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_60  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Nieintuicyjne mechanizmy galerii obrazów</span></h4>
						<div class="et_pb_blurb_description"><p>Zdjęcia w&nbsp;galeriach obrazów nie&nbsp;można powiększyć, dodatkowo obok galerii znajdują się inne obrazy, które nie&nbsp;należą do&nbsp;galerii, co&nbsp;jest mylące dla użytkowników</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_58 et_animated et_pb_gutters4">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_87  et_pb_css_mix_blend_mode_passthrough et_pb_column_empty">
				
				
				
				
				
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_88  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_61  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Brak spójności elementów klikalnych</span></h4>
						<div class="et_pb_blurb_description"><p>Część elementów klikalnych ma&nbsp;akcję hover, inne jej nie&nbsp;mają &#8211; efekt jest taki, że&nbsp;użytkownicy nie&nbsp;są&nbsp;w&nbsp;stanie łatwo ocenić, w&nbsp;które elementy mogą kliknąć</p></div>
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_89  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_62  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Błędy responsywności</span></h4>
						<div class="et_pb_blurb_description"><p>W&nbsp;wersji responsywnej serwis ma&nbsp;wiele rzeczy do&nbsp;poprawy &#8211; wiele elementów sprawia wrażenie, jakby nie&nbsp;wyświetlała się poprawnie</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_38 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_59 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_1_2 et_pb_column_90  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_38">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="942" height="266" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/colors-and-font.png" alt="Wybrane kolory i&nbsp;font" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/colors-and-font.png 942w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/colors-and-font-480x136.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 942px, 100vw" class="wp-image-1186" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_1_2 et_pb_column_91  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_109  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="1:1-1:281">3</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_110  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Typografia &amp; kolory</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_111  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Spójny design</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_112  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Paletę kolorów stworzyłem na&nbsp;bazie głównego koloru zespołu Haas F1 i&nbsp;jednego dodatkowego koloru, który&nbsp;dobrałem. Jako główny font wybrałem Lato ze&nbsp;względu na&nbsp;jego uniwersalność i&nbsp;czytelność</p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_39 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_60 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_92  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_113  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="1:1-1:281">4</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_114  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Redesign</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_115  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Koncept strony głównej</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_61 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_93  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_39">
				
				
				
				
				<span class="et_pb_image_wrap has-box-shadow-overlay"><div class="box-shadow-overlay"></div><img loading="lazy" decoding="async" width="1366" height="5184" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Haas-F1-Team-Redesign-homepage-v2.jpg" alt="Koncept redesignu strony głównej Haas F1 Team" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Haas-F1-Team-Redesign-homepage-v2.jpg 1366w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Haas-F1-Team-Redesign-homepage-v2-1280x4858.jpg 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Haas-F1-Team-Redesign-homepage-v2-980x3719.jpg 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Haas-F1-Team-Redesign-homepage-v2-480x1822.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1366px, 100vw" class="wp-image-1208" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_40 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_62 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_94  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_116  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="1:1-1:281">5</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_117  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Podsumowanie projektu</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_118  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Co&nbsp;udało mi&nbsp;się osiągnąć?</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_119  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Realizując koncept strony głównej wyeliminowałem problemy wykryte podczas audytu UX/UI proponując jednocześnie nowoczesną i użyteczną warstwę UI.</p>
<p>Dalszymi krokami byłoby opracowanie wersji mobilnej i&nbsp;pozostałych podstron rozbudowując jednocześnie Design System projektu. </p></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Artykuł <a href="https://www.mateuszkulik.pl/portfolio/redesign-serwisu-haas-f1-team/">Redesign serwisu Haas F1 Team</a> pochodzi z serwisu <a href="https://www.mateuszkulik.pl">Mateusz Kulik - UX/UI Designer</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.mateuszkulik.pl/portfolio/redesign-serwisu-haas-f1-team/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Karta produktu e-commerce</title>
		<link>https://www.mateuszkulik.pl/portfolio/karta-produktu-e-commerce/</link>
					<comments>https://www.mateuszkulik.pl/portfolio/karta-produktu-e-commerce/#respond</comments>
		
		<dc:creator><![CDATA[Mateusz Kulik]]></dc:creator>
		<pubDate>Wed, 01 Jan 2025 14:45:17 +0000</pubDate>
				<guid isPermaLink="false">https://www.mateuszkulik.pl/?post_type=project&#038;p=1232</guid>

					<description><![CDATA[<p>Artykuł <a href="https://www.mateuszkulik.pl/portfolio/karta-produktu-e-commerce/">Karta produktu e-commerce</a> pochodzi z serwisu <a href="https://www.mateuszkulik.pl">Mateusz Kulik - UX/UI Designer</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div class="et_pb_section et_pb_section_41 et_pb_with_background et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_63 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_95  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_120  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h1>Karta produktu e-commerce</h1></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_121 breadcrumbs-MK  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><span><span><a href="https://www.mateuszkulik.pl/">Strona główna</a></span> / <span class="breadcrumb_last" aria-current="page"><strong>UI Design</strong></span></span></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_42 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_64 flex-column-reverse-MK et_pb_equal_columns et_pb_gutters1">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_96  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_40">
				
				
				
				
				<span class="et_pb_image_wrap "><img decoding="async" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/GreenGo-UI-3.svg" alt="" title="" class="wp-image-1317" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_2_3 et_pb_column_97  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_41">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1174" height="1049" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Hero-e-commerce.jpg" alt="Wizualizacja karty produktu e-commerce" title="GreenGo OG" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Hero-e-commerce.jpg 1174w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Hero-e-commerce-980x876.jpg 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Hero-e-commerce-480x429.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1174px, 100vw" class="wp-image-1236" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_43 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_65 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters1">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_98  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_122  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Cel projektu</p></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_123  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Karta produktu<br />
e-commerce</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_124  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Celem projektu było zaprojektowanie karty produktu e-commerce, która&nbsp;będzie odpowiadać na&nbsp;potrzeby użytkowników, a&nbsp;w&nbsp;efekcie zapewni wysoki współczynnik konwersji. Pracę rozpocząłem od&nbsp;desk research i&nbsp;analizy eksperckiej w&nbsp;celu ustalenia głównych problemów i&nbsp;wątpliwości użytkowników na&nbsp;stronach tego typu oraz&nbsp;potrzeb, które muszą zostać zaspokojone.</p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_42">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="371" height="371" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/X-karta-produktu.png" alt="" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/X-karta-produktu.png 371w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/X-karta-produktu-300x300.png 300w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/X-karta-produktu-150x150.png 150w" sizes="(max-width: 371px) 100vw, 371px" class="wp-image-1262" /></span>
			</div>
			</div><div class="et_pb_column et_pb_column_2_3 et_pb_column_99  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_43">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1174" height="1049" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Hero-e-commerce.jpg" alt="Wizualizacja karty produktu e-commerce" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Hero-e-commerce.jpg 1174w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Hero-e-commerce-980x876.jpg 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/Hero-e-commerce-480x429.jpg 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1174px, 100vw" class="wp-image-1236" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_44 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_66 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_100  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_125  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Zakres projektu</p></div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_63  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Desk research na temat badań użyteczności w zakresie kart produktów w e-commerce w sektorze fashion</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_64  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Benchmark głównej konkurencji w&nbsp;sektorze opracowywanego produktu</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_65  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Warstwa UX &#8211; opracowanie makiety LoFi, która&nbsp;odpowiada na&nbsp;kluczowe problemy i&nbsp;wątpliwości użytkowników ustalone w&nbsp;ramach desk research i&nbsp;benchmarku</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_66  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Warstwa UI &#8211; zaprojektowanie karty produktu e-commerce zgodnie z&nbsp;makietą i&nbsp;wypracowanymi rekomendacjami projektowymi </p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_67 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_101  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_126  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p>Główne wyzwania projektu</p></div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_67  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Analiza i&nbsp;określenie głównych problemów i&nbsp;wątpliwości użytkowników, na&nbsp;które powinna odpowiadać dobra karta produktowa e-commerce</p></div>
					</div>
				</div>
			</div><div class="et_pb_module et_pb_blurb et_pb_blurb_68  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Wypracowanie dobrych wzorców projektowych &#8211; jakie informacje i&nbsp;w&nbsp;którym&nbsp;momencie użytkownik chce widzieć</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_68 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_102  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_69  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_off et_pb_animation_off_tablet et_pb_animation_off_phone et-pb-icon"></span></span></div>
					<div class="et_pb_blurb_container">
						
						<div class="et_pb_blurb_description"><p>Czas trwania: 3 dni</p></div>
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_45 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_69 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_103  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_text et_pb_text_127  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Główne problemy i&nbsp;wątpliwości użytkowników</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_128  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Przed&nbsp;opracowaniem makiety LoFi, na&nbsp;podstawie dostępnych wyników badań i&nbsp;raportów wytypowałem najczęstsze problemy i&nbsp;wątpliwości użytkowników w&nbsp;obszarze stron produktowych w&nbsp;e-commerce.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_70 et_animated">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_104  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_70  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">\</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Problem z&nbsp;dobraniem odpowiedniego rozmiaru i&nbsp;koloru</span></h4>
						
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_105  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_71  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">\</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Czy obrazy odzwierciedlają produkt, który&nbsp;otrzymam po&nbsp;jego zamówieniu? </span></h4>
						
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_106  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_72  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">\</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Jaka jest jakość produktu?</span></h4>
						
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_71 et_animated">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_107  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_73  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">\</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Jakie są&nbsp;koszty dostawy? Kiedy nastąpi wysyłka?</span></h4>
						
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_108  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_74  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">\</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Co jeśli produkt nie&nbsp;będzie mi&nbsp;odpowiadał?</span></h4>
						
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_109  et_pb_css_mix_blend_mode_passthrough et-last-child et_pb_column_empty">
				
				
				
				
				
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_46 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_72 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_110  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_44">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1555" height="1075" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/sekcja-z-dodatkami.png" alt="Pierwsza sekcja strony produktowej" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/sekcja-z-dodatkami.png 1555w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/sekcja-z-dodatkami-1280x885.png 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/sekcja-z-dodatkami-980x677.png 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/sekcja-z-dodatkami-480x332.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1555px, 100vw" class="wp-image-1253" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_47 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_73 flex-column-reverse-MK et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_111  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_45">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1555" height="1075" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/sekcja-z-dodatkami.png" alt="" title="sekcja z&nbsp;dodatkami" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/sekcja-z-dodatkami.png 1555w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/sekcja-z-dodatkami-1280x885.png 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/sekcja-z-dodatkami-980x677.png 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/sekcja-z-dodatkami-480x332.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1555px, 100vw" class="wp-image-1253" /></span>
			</div><div class="et_pb_with_border et_pb_module et_pb_text et_pb_text_129  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Kluczowe potrzeby użytkowników</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_130  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Desk research oraz&nbsp;analiza ekspercka pozwoliły mi&nbsp;przygotować listę kluczowych potrzeb, które powinny być spełnione na&nbsp;stronach produktowych e-commerce, które będą osiągały wysokie współczynniki konwersji oraz&nbsp;odpowiedni poziom użyteczności.</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_74 et_animated">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_112  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_75  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">\</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Wsparcie w&nbsp;wyborze odpowiedniego koloru i&nbsp;rozmiaru</span></h4>
						
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_113  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_76  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">\</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Odpowiednia prezentacja produktu - np.&nbsp;za&nbsp;pomocą zdjęć 360 i&nbsp;wideo</span></h4>
						
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_114  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_77  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">\</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Opinie klientów z&nbsp;odniesieniem do&nbsp;kupionego i&nbsp;noszonego rozmiaru</span></h4>
						
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_75 et_animated">
				<div class="et_pb_column et_pb_column_1_3 et_pb_column_115  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_78  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">\</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Kluczowe informacje łatwe do&nbsp;znalezienia - nazwa produktu, cena, rozmiar</span></h4>
						
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_116  et_pb_css_mix_blend_mode_passthrough">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_79  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">\</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Kontekstowe łączenie produktów - np.&nbsp;kompletowanie "look'u"</span></h4>
						
					</div>
				</div>
			</div>
			</div><div class="et_pb_column et_pb_column_1_3 et_pb_column_117  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_blurb et_pb_blurb_80  et_pb_text_align_left  et_pb_blurb_position_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_blurb_content">
					<div class="et_pb_main_blurb_image"><span class="et_pb_image_wrap"><span class="et-waypoint et_pb_animation_top et_pb_animation_top_tablet et_pb_animation_top_phone et-pb-icon">\</span></span></div>
					<div class="et_pb_blurb_container">
						<h4 class="et_pb_module_header"><span>Informowanie o&nbsp;tym, jaki rozmiar ma&nbsp;na&nbsp;sobie model</span></h4>
						
					</div>
				</div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_48 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_76 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_118  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_text et_pb_text_131  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Makieta LoFi</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_132  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Powstała na&nbsp;podstawie problemów i&nbsp;kluczowych potrzeb użytkowników</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_77 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_119  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_46">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1789" height="4108" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/makieta-lofi.png" alt="makieta LoFi karty produktowej e-commerce" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/makieta-lofi.png 1789w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/makieta-lofi-1280x2939.png 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/makieta-lofi-980x2250.png 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/makieta-lofi-480x1102.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1789px, 100vw" class="wp-image-1264" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_49 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_78 flex-column-reverse-MK et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_120  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_text et_pb_text_133  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Makieta HiFi</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_134  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Projekt warstwy UI na&nbsp;podstawie makiety</p></div>
			</div>
			</div>
				
				
				
				
			</div><div class="et_pb_row et_pb_row_79 et_animated">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_121  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_image et_pb_image_47">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="1778" height="4042" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/makieta-hifi.png" alt="Makieta HiFI karty produktowej e-commerce" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/makieta-hifi.png 1778w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/makieta-hifi-1280x2910.png 1280w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/makieta-hifi-980x2228.png 980w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/makieta-hifi-480x1091.png 480w" sizes="(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1778px, 100vw" class="wp-image-1270" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div><div class="et_pb_section et_pb_section_50 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_80 flex-column-reverse-MK et_animated et_pb_equal_columns et_pb_gutters4">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_122  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_with_border et_pb_module et_pb_text et_pb_text_135  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Podsumowanie</h2></div>
			</div><div class="et_pb_module et_pb_text et_pb_text_136  et_pb_text_align_center et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><p data-sourcepos="3:1-3:117">Kolejnym krokiem w&nbsp;celu optymalizacji wysokiego wskaźnika konwersji były testy użyteczności weryfikujące widoczność kluczowych elementów czy&nbsp;monitoring sesji za&nbsp;pomocą HotJar w&nbsp;celu zrozumienia zachowań użytkowników. Na&nbsp;podstawie pozyskanych danych w&nbsp;kolejnym kroku można uruchomić testy A/B w&nbsp;celu weryfikacji postawionych hipotez.</p></div>
			</div><div class="et_pb_module et_pb_image et_pb_image_48">
				
				
				
				
				<span class="et_pb_image_wrap "><img loading="lazy" decoding="async" width="371" height="371" src="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/X-karta-produktu.png" alt="" title="" srcset="https://www.mateuszkulik.pl/wp-content/uploads/2025/02/X-karta-produktu.png 371w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/X-karta-produktu-300x300.png 300w, https://www.mateuszkulik.pl/wp-content/uploads/2025/02/X-karta-produktu-150x150.png 150w" sizes="(max-width: 371px) 100vw, 371px" class="wp-image-1262" /></span>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div></p>
<p>Artykuł <a href="https://www.mateuszkulik.pl/portfolio/karta-produktu-e-commerce/">Karta produktu e-commerce</a> pochodzi z serwisu <a href="https://www.mateuszkulik.pl">Mateusz Kulik - UX/UI Designer</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.mateuszkulik.pl/portfolio/karta-produktu-e-commerce/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
