<?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>Web design Archives - Oleksandr Bublienko</title>
	<atom:link href="https://www.bublienko.com/portfolio-category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.bublienko.com/portfolio-category/web-design/</link>
	<description>Product designer</description>
	<lastBuildDate>Tue, 13 Feb 2024 07:57:35 +0000</lastBuildDate>
	<language>uk</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>DIFFY</title>
		<link>https://www.bublienko.com/portfolio/diffy/</link>
		
		<dc:creator><![CDATA[bublienko]]></dc:creator>
		<pubDate>Mon, 12 Feb 2024 19:44:33 +0000</pubDate>
				<category><![CDATA[saas]]></category>
		<guid isPermaLink="false">https://bublienko.com/?post_type=portfolio&#038;p=994</guid>

					<description><![CDATA[<p>The post <a href="https://www.bublienko.com/portfolio/diffy/">DIFFY</a> appeared first on <a href="https://www.bublienko.com">Oleksandr Bublienko</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div data-row-title="Опис" class="row wpb_row row-fluid align-center vc_custom_1493221355446"><div class="wpb_column columns medium-12 large-9 medium-10 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper"><div class="row wpb_row vc_inner row-fluid"><div class="wpb_column columns medium-6 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element animation bottom-to-top ">
		<div class="wpb_wrapper">
			<h4><strong>Про проєкт</strong></h4>
<h2></h2>

		</div>
	</div>

	<div class="wpb_text_column wpb_content_element animation bottom-to-top ">
		<div class="wpb_wrapper">
			<p>SaaS платформа візуального тестування сайтів, яка допомагає розробникам порівняти дві версії сайту (до оновлення і після), щоб швидко відловити помилки та їх виправити.</p>

		</div>
	</div>

	<div class="wpb_text_column wpb_content_element animation bottom-to-top ">
		<div class="wpb_wrapper">
			<h4><strong>Задача</strong></h4>
<h2></h2>

		</div>
	</div>

	<div class="wpb_text_column wpb_content_element animation bottom-to-top ">
		<div class="wpb_wrapper">
			<p>Розробити адаптивний дизайн маркетингового сайту задля залучення нових користувачів на платформу;</p>
<p>Покращити UX та візуальний стиль платформи.</p>

		</div>
	</div>
</div></div></div><div class="wpb_column columns medium-6 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper"><div class="vc_empty_space"   style="height: 65px" ><span class="vc_empty_space_inner"></span></div>
			<div class="portfolio-attributes style3">
															<div class="attribute"><strong>Роль у проекті:</strong> Дизайн сайту і платформи</div>
															<div class="attribute"><strong>САЙТ:</strong> <a href="http://diffy.website">diffy.website</a></div>
									<div class="attribute"><strong>РІК:</strong> 2023</div>
									<div class="attribute"><strong>ДОМЕН:</strong> SAAS</div>
									</div>
	</div></div></div></div></div></div></div></div><div data-row-title="Маркетинговий сайт" class="row wpb_row row-fluid align-center no-row-padding full-width-row no-column-padding vc_custom_1707779986448 row-has-fill"><div class="wpb_column columns medium-12 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper"><div class="row wpb_row vc_inner row-fluid max_width align-center"><div class="wpb_column columns medium-12 large-6 medium-10 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center;"><span style="font-size: 12px; letter-spacing: 0.2em;">МАРКЕТИНГОВИЙ САЙТ</span></p>

		</div>
	</div>

	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center; font-size: 16px;">Розповідає ключову цінність платформи для цільової аудиторії та демонструє елементи інтерфейсу, щоб потенційний користувач одразу побачив як виглядає система.</p>

		</div>
	</div>
</div></div></div></div><div class="row wpb_row vc_inner row-fluid max_width align-center"><div class="wpb_column columns medium-12 large-9 medium-10 thb-light-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">					<div id="thb-image-slider-62" class="thb-image-slider slick thb-image-slider-style1 overflow margins thb_gallery dark-arrow " data-pagination="" data-navigation="true" data-center="0" data-columns="1" data-infinite="false" data-autoplay="" data-autoplay-speed="4000">
													<figure>
																			<a href="https://www.bublienko.com/wp-content/uploads/2024/02/Diffy-Main.png" data-size="1280x6393">
																		<img decoding="async" src="https://www.bublienko.com/wp-content/uploads/2024/02/Diffy-Main.png" alt="Diffy-Main" />
																												</a>
																	</figure>
															<figure>
																			<a href="https://www.bublienko.com/wp-content/uploads/2024/02/Pricing.png" data-size="1280x2884">
																		<img decoding="async" src="https://www.bublienko.com/wp-content/uploads/2024/02/Pricing.png" alt="Pricing" />
																												</a>
																	</figure>
															<figure>
																			<a href="https://www.bublienko.com/wp-content/uploads/2024/02/Percy-new.png" data-size="1280x5846">
																		<img decoding="async" src="https://www.bublienko.com/wp-content/uploads/2024/02/Percy-new.png" alt="Percy-new" />
																												</a>
																	</figure>
															<figure>
																			<a href="https://www.bublienko.com/wp-content/uploads/2024/02/Blog-Articles.png" data-size="1280x2105">
																		<img decoding="async" src="https://www.bublienko.com/wp-content/uploads/2024/02/Blog-Articles.png" alt="Blog Articles" />
																												</a>
																	</figure>
											</div>
		</div></div></div></div></div></div></div></div><div class="row wpb_row row-fluid align-center no-row-padding full-width-row no-column-padding vc_custom_1707780020155 row-has-fill"><div class="wpb_column columns medium-12 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper"><div class="row wpb_row vc_inner row-fluid max_width align-center vc_custom_1707779979038"><div class="wpb_column columns medium-12 large-6 medium-10 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center;"><span style="font-size: 12px; letter-spacing: 0.2em;">АДАПТИВНИЙ ДИЗАЙН</span></p>

		</div>
	</div>

	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center; font-size: 16px;">Кожна сторінка адаптована під мобільні пристрої, адже ~35% трафіку на сайт йде зі смартфонів.</p>

		</div>
	</div>
</div></div></div></div><img fetchpriority="high" decoding="async" width="1992" height="2560" src="https://www.bublienko.com/wp-content/uploads/2024/02/diffy-responsive01-scaled.jpg" class="thb_image animation bottom-to-top center full  attachment-full" alt="" srcset="https://www.bublienko.com/wp-content/uploads/2024/02/diffy-responsive01-scaled.jpg 1992w, https://www.bublienko.com/wp-content/uploads/2024/02/diffy-responsive01-797x1024.jpg 797w, https://www.bublienko.com/wp-content/uploads/2024/02/diffy-responsive01-768x987.jpg 768w, https://www.bublienko.com/wp-content/uploads/2024/02/diffy-responsive01-1195x1536.jpg 1195w, https://www.bublienko.com/wp-content/uploads/2024/02/diffy-responsive01-1594x2048.jpg 1594w, https://www.bublienko.com/wp-content/uploads/2024/02/diffy-responsive01-600x771.jpg 600w" sizes="(max-width: 1992px) 100vw, 1992px" /></div></div></div></div><div data-row-title="Дослідження користувачів" class="row wpb_row row-fluid align-center no-row-padding full-width-row no-column-padding vc_custom_1707782281733 row-has-fill"><div class="wpb_column columns medium-12 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper"><div class="row wpb_row vc_inner row-fluid max_width align-center"><div class="wpb_column columns medium-12 large-6 medium-10 thb-light-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center;"><span style="font-size: 12px; letter-spacing: 0.2em;">ДОСЛІДЖЕННЯ АУДИТОРІЇ</span></p>

		</div>
	</div>

	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center; font-size: 16px;">Щоб покращити UX платформи було проаналізовано відгуки, поведінку та сценарії використання реальних користувачів.</p>

		</div>
	</div>
</div></div></div></div><img decoding="async" width="2560" height="952" src="https://www.bublienko.com/wp-content/uploads/2024/02/research-scaled.jpg" class="thb_image animation bottom-to-top center full  attachment-full" alt="" srcset="https://www.bublienko.com/wp-content/uploads/2024/02/research-scaled.jpg 2560w, https://www.bublienko.com/wp-content/uploads/2024/02/research-1024x381.jpg 1024w, https://www.bublienko.com/wp-content/uploads/2024/02/research-768x286.jpg 768w, https://www.bublienko.com/wp-content/uploads/2024/02/research-1536x571.jpg 1536w, https://www.bublienko.com/wp-content/uploads/2024/02/research-2048x762.jpg 2048w, https://www.bublienko.com/wp-content/uploads/2024/02/research-600x223.jpg 600w" sizes="(max-width: 2560px) 100vw, 2560px" /><div class="row wpb_row vc_inner row-fluid max_width align-center vc_custom_1707783709609"><div class="wpb_column columns medium-12 large-6 medium-10 thb-light-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="font-size: 16px;">В результаті було виявлено ключові проблеми з:</p>
<p style="font-size: 16px;"><strong>Навігацією</strong> (користувач чітко не розумів, де знаходиться і як переходити в певні розділи);</p>
<p style="font-size: 16px;"><strong>Логікою розміщення елементів.</strong> Тяжко знайти потрібні функції та багато «зайвих» елементів, які не використовуються в основному сценарії користувача.</p>
<p style="font-size: 16px;"><strong>Онбордингом.</strong> Забагато кроків та опцій.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div data-row-title="Дизайн платформи" class="row wpb_row row-fluid align-center no-row-padding full-width-row no-column-padding vc_custom_1707785980301 row-has-fill"><div class="wpb_column columns medium-12 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper"><div class="row wpb_row vc_inner row-fluid max_width align-center"><div class="wpb_column columns medium-12 large-6 medium-10 thb-light-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center;"><span style="font-size: 12px; letter-spacing: 2.4px;">ОНОВЛЕНИЙ ДИЗАЙН ПЛАТФОРМИ</span></p>

		</div>
	</div>

	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center; font-size: 16px;">Для основного сценарію використання — порівнянню версій сторінок — було відведено максимальну область екрану.</p>

		</div>
	</div>
</div></div></div></div><div class="row wpb_row vc_inner row-fluid vc_custom_1707789307185"><div class="wpb_column columns medium-6 thb-light-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center;"><span style="font-size: 12px; letter-spacing: 2.4px;">БУЛО</span></p>

		</div>
	</div>
<a class="image_link " rel="magnific" data-size="1280x912" href="https://www.bublienko.com/wp-content/uploads/2024/02/projects-old.png" target="" title="projects-old"><img decoding="async" width="1280" height="912" src="https://www.bublienko.com/wp-content/uploads/2024/02/projects-old.png" class="thb_image animation bottom-to-top center  retina_size attachment-full" alt="" srcset="https://www.bublienko.com/wp-content/uploads/2024/02/projects-old.png 1280w, https://www.bublienko.com/wp-content/uploads/2024/02/projects-old-1024x730.png 1024w, https://www.bublienko.com/wp-content/uploads/2024/02/projects-old-768x547.png 768w, https://www.bublienko.com/wp-content/uploads/2024/02/projects-old-600x428.png 600w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></div></div></div><div class="wpb_column columns medium-6 thb-light-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center;"><span style="font-size: 12px; letter-spacing: 2.4px;">СТАЛО</span></p>

		</div>
	</div>
<a class="image_link " rel="magnific" data-size="1280x912" href="https://www.bublienko.com/wp-content/uploads/2024/02/projects-new.png" target="" title="projects-new"><img loading="lazy" decoding="async" width="1280" height="912" src="https://www.bublienko.com/wp-content/uploads/2024/02/projects-new.png" class="thb_image animation bottom-to-top center  retina_size attachment-full" alt="" srcset="https://www.bublienko.com/wp-content/uploads/2024/02/projects-new.png 1280w, https://www.bublienko.com/wp-content/uploads/2024/02/projects-new-1024x730.png 1024w, https://www.bublienko.com/wp-content/uploads/2024/02/projects-new-768x547.png 768w, https://www.bublienko.com/wp-content/uploads/2024/02/projects-new-600x428.png 600w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></div></div></div></div><div class="row wpb_row vc_inner row-fluid vc_custom_1707786074498"><div class="wpb_column columns medium-6 thb-light-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center;"><span style="font-size: 12px; letter-spacing: 2.4px;">БУЛО</span></p>

		</div>
	</div>
<a class="image_link " rel="magnific" data-size="1280x1034" href="https://www.bublienko.com/wp-content/uploads/2024/02/Diff-detailed-old.png" target="" title="Diff-detailed-old"><img loading="lazy" decoding="async" width="1280" height="1034" src="https://www.bublienko.com/wp-content/uploads/2024/02/Diff-detailed-old.png" class="thb_image animation bottom-to-top center  retina_size attachment-full" alt="" srcset="https://www.bublienko.com/wp-content/uploads/2024/02/Diff-detailed-old.png 1280w, https://www.bublienko.com/wp-content/uploads/2024/02/Diff-detailed-old-1024x827.png 1024w, https://www.bublienko.com/wp-content/uploads/2024/02/Diff-detailed-old-768x620.png 768w, https://www.bublienko.com/wp-content/uploads/2024/02/Diff-detailed-old-600x485.png 600w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></div></div></div><div class="wpb_column columns medium-6 thb-light-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center;"><span style="font-size: 12px; letter-spacing: 2.4px;">СТАЛО</span></p>

		</div>
	</div>
<a class="image_link " rel="magnific" data-size="1280x1034" href="https://www.bublienko.com/wp-content/uploads/2024/02/Diff-detailed-new.png" target="" title="Diff-detailed-new"><img loading="lazy" decoding="async" width="1280" height="1034" src="https://www.bublienko.com/wp-content/uploads/2024/02/Diff-detailed-new.png" class="thb_image animation bottom-to-top center  retina_size attachment-full" alt="" srcset="https://www.bublienko.com/wp-content/uploads/2024/02/Diff-detailed-new.png 1280w, https://www.bublienko.com/wp-content/uploads/2024/02/Diff-detailed-new-1024x827.png 1024w, https://www.bublienko.com/wp-content/uploads/2024/02/Diff-detailed-new-768x620.png 768w, https://www.bublienko.com/wp-content/uploads/2024/02/Diff-detailed-new-600x485.png 600w" sizes="(max-width: 1280px) 100vw, 1280px" /></a></div></div></div></div><a class="image_link full" rel="magnific" data-size="2730x1236" href="https://www.bublienko.com/wp-content/uploads/2024/02/Finish-review-button.png" target="" title="Finish review button"><img loading="lazy" decoding="async" width="2730" height="1236" src="https://www.bublienko.com/wp-content/uploads/2024/02/Finish-review-button.png" class="thb_image  center full retina_size attachment-full" alt="" srcset="https://www.bublienko.com/wp-content/uploads/2024/02/Finish-review-button.png 2730w, https://www.bublienko.com/wp-content/uploads/2024/02/Finish-review-button-1024x464.png 1024w, https://www.bublienko.com/wp-content/uploads/2024/02/Finish-review-button-768x348.png 768w, https://www.bublienko.com/wp-content/uploads/2024/02/Finish-review-button-1536x695.png 1536w, https://www.bublienko.com/wp-content/uploads/2024/02/Finish-review-button-2048x927.png 2048w, https://www.bublienko.com/wp-content/uploads/2024/02/Finish-review-button-600x272.png 600w" sizes="(max-width: 2730px) 100vw, 2730px" /></a><div class="row wpb_row vc_inner row-fluid max_width align-center vc_custom_1707787914009"><div class="wpb_column columns medium-12 large-6 medium-10 thb-light-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center;"><span style="font-size: 12px; letter-spacing: 2.4px;">ОНОВЛЕНИЙ ОНБОРДИНГ</span></p>

		</div>
	</div>

	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center; font-size: 16px;">Мета онбордингу — створити одразу свій перший проєкт і почати вивчати платформу на реальних (в пріоритеті) або на демо даних.</p>

		</div>
	</div>
</div></div></div></div><a class="image_link full" rel="magnific" data-size="6341x2401" href="https://www.bublienko.com/wp-content/uploads/2024/02/onboarding1.png" target="" title="onboarding1"><img loading="lazy" decoding="async" width="6341" height="2401" src="https://www.bublienko.com/wp-content/uploads/2024/02/onboarding1.png" class="thb_image  center full retina_size attachment-full" alt="" srcset="https://www.bublienko.com/wp-content/uploads/2024/02/onboarding1.png 6341w, https://www.bublienko.com/wp-content/uploads/2024/02/onboarding1-1024x388.png 1024w, https://www.bublienko.com/wp-content/uploads/2024/02/onboarding1-768x291.png 768w, https://www.bublienko.com/wp-content/uploads/2024/02/onboarding1-1536x582.png 1536w, https://www.bublienko.com/wp-content/uploads/2024/02/onboarding1-2048x775.png 2048w, https://www.bublienko.com/wp-content/uploads/2024/02/onboarding1-600x227.png 600w" sizes="(max-width: 6341px) 100vw, 6341px" /></a></div></div></div></div><div data-row-title="Відгук" class="row wpb_row row-fluid align-center no-row-padding full-width-row no-column-padding vc_custom_1707789928631"><div class="wpb_column columns medium-12 large-9 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">	<div id="thb-testimonials-66" class="thb-testimonials slick style1" data-columns="1" data-pagination="true" data-fade="true" data-autoplay="" data-autoplay-speed="4000">
			<div class="thb-testimonial">
		<blockquote><p>Працював з Олександром на декількох проектах — два веб додатки та один маркетинговий веб сайт. Він себе показав як дуже гарний спеціаліст з дуже різноплановим досвідом. Допомагав дуже сильно по оптимізації UI/UX та також ідеями щодо маркетингових сайтів. Що дуже важливо, то що у Олександра практичний підхід до справ і він швидко видає елегантне рішення без зайвих дизайнерських елементів. Це мені дуже сподобалось, оскільки це зменшує час та вартість розробки. Також Олександр має досвід у багатьох суміжних дисциплінах — аналітика, графічний дизайн та навіть веб розробка.</p>
</blockquote>
					<img loading="lazy" decoding="async" class="author_image " src="https://www.bublienko.com/wp-content/uploads/2023/09/gerasymov-128x128.jpeg" width="128" height="128" alt="gerasymov" title="gerasymov" />			<div>
				<cite>Юрій Герасимов</cite>
			<span class="title">Founder of Diffy</span>
			</div>
			</div>
		</div>
	</div></div></div></div><div data-row-title="Команда" class="row wpb_row row-fluid align-center no-row-padding full-width-row no-column-padding vc_custom_1493371336127"><div class="wpb_column columns medium-12 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper"><div class="row wpb_row vc_inner row-fluid max_width align-center"><div class="wpb_column columns medium-12 large-5 medium-10 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center;"><span style="font-size: 12px; color: #111; letter-spacing: 0.2em;">НАД ПРОЕКТОМ ПРАЦЮВАЛИ</span></p>

		</div>
	</div>
</div></div></div></div><div class="row wpb_row vc_inner row-fluid align-center"><div class="wpb_column columns medium-3 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper"></div></div></div><div class="wpb_column columns medium-3 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center; font-size: 14px;">Олександр Бублієнко<br />
<span style="color: #999999;">дизайнер</span></p>

		</div>
	</div>
</div></div></div><div class="wpb_column columns medium-3 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element  ">
		<div class="wpb_wrapper">
			<p style="text-align: center; font-size: 14px;">Юрій Герасимов<br />
<span style="color: #999999;">власник Diffy</span></p>

		</div>
	</div>
</div></div></div><div class="wpb_column columns medium-3 thb-dark-column small-12"><div class="vc_column-inner "><div class="wpb_wrapper"></div></div></div></div></div></div></div></div>
<p>The post <a href="https://www.bublienko.com/portfolio/diffy/">DIFFY</a> appeared first on <a href="https://www.bublienko.com">Oleksandr Bublienko</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
