<?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>B2B &#8211; JR Design // Strategic Designer</title>
	<atom:link href="https://www.jorgerivera.design/portfolio-category/b2b/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.jorgerivera.design</link>
	<description>Senior Product Designer</description>
	<lastBuildDate>Wed, 13 May 2026 01:55:41 +0000</lastBuildDate>
	<language>es-CO</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://www.jorgerivera.design/wp-content/uploads/2026/03/JR-Design-Favicon.png</url>
	<title>B2B &#8211; JR Design // Strategic Designer</title>
	<link>https://www.jorgerivera.design</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Ficohsa Seguros — Mobile App for Health Insurance Management</title>
		<link>https://www.jorgerivera.design/portfolio/ficohsa-seguros-mobile-app/</link>
		
		<dc:creator><![CDATA[jorgerivera_lbjqsp]]></dc:creator>
		<pubDate>Tue, 12 May 2026 04:25:05 +0000</pubDate>
				<guid isPermaLink="false">https://www.jorgerivera.design/?post_type=portfolio&#038;p=9689</guid>

					<description><![CDATA[Ficohsa Seguros — Mobile App for Health Insurance Management My involvement was crucial to the MVP development process, as the UX/UI design solution provided a clear roadmap for the various teams. The prototype provided clarity for both the sales team and the product engineers. Industry Financial services Client Ficohsa Seguros Role Lead UX/UI Designer Country [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="9689" class="elementor elementor-9689">
				<div class="elementor-element elementor-element-092eaff e-flex e-con-boxed pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-parent " data-id="092eaff" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-d98432e elementor-widget elementor-widget-pxl_heading" data-id="d98432e" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-d98432e-4169" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Ficohsa Seguros — Mobile App for Health Insurance Management
	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-b3c4cc1 elementor-widget elementor-widget-pxl_text_editor" data-id="b3c4cc1" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>My involvement was crucial to the MVP development process, as the UX/UI design solution provided a clear roadmap for the various teams. The prototype provided clarity for both the sales team and the product engineers.</p>		
	</div>
</div>				</div>
				</div>
		<div class="elementor-element elementor-element-5fe6bd0 e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="5fe6bd0" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-63996f8 e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="63996f8" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-bc769f9 elementor-widget__width-initial elementor-widget elementor-widget-pxl_list" data-id="bc769f9" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 horizontal">
                            <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Industry</label>
                                            <a class="pxl-content" href="#" > Financial services</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Client</label>
                                            <a class="pxl-content" href="https://www.tvmarkets.com/en/" > Ficohsa Seguros</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Role</label>
                                            <a class="pxl-content" href="#" > Lead UX/UI Designer</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Country</label>
                                            <a class="pxl-content" href="#" > Honduras</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Platform</label>
                                            <a class="pxl-content" href="#" > Mobile-first</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Timeline</label>
                                            <a class="pxl-content" href="#" > 10 days end-to-end</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Status</label>
                                            <a class="pxl-content" href="#" > Shipped to production</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-dee5110 e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="dee5110" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-8897350 elementor-widget__width-inherit elementor-widget elementor-widget-pxl_image" data-id="8897350" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_image.default">
				<div class="elementor-widget-container">
					<div id="pxl_image-8897350-7009" 
    class="pxl-image-single pxl-overflow--hidden pxl-disable-parallax-sm  pxl-image-scale-parallax 
    " data-wow-delay="ms" 
        >

    <div class="pxl-item--inner " data-wow-delay="120ms">
                
                    <div class="pxl-item--image s_img"  data-parallax-value="">
                                <img fetchpriority="high" decoding="async" width="1000" height="900" src="https://www.jorgerivera.design/wp-content/uploads/2025/06/JRD-Feature-1.png" class="no-lazyload attachment-full" alt="" />                                            </div>
                </div>
</div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-8882d9a e-flex e-con-boxed pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="8882d9a" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-b2abcb5 elementor-widget elementor-widget-pxl_divider" data-id="b2abcb5" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-09035e3 elementor-widget elementor-widget-pxl_heading" data-id="09035e3" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-09035e3-7664" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default pxl-split-text split-in-fade" data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Situation	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-c0e8690 elementor-widget elementor-widget-pxl_text_editor" data-id="c0e8690" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>Ficohsa Seguros, one of Honduras&#8217;s leading insurance providers, needed a native mobile app to give policyholders self-service access to their health insurance — claims, pre-authorizations, payments, provider network, and 24/7 medical support — all in one place.</p><p> </p><p>The brief arrived with strong technical requirements (JWT auth, Face ID, fingerprint, 5-minute session timeout) and a long feature list, but with significant ambiguity around the actual user experience: <em>what does each screen need to show, what tasks should users complete, and what information matters most at each step?</em></p><p> </p><p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">The scope was ambitious for a 10-day timeline:</p><ul class="[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3"><li class="font-claude-response-body whitespace-normal break-words pl-2"><strong>6 modules</strong> covering claims, payments, provider network, profile, forms, and 24/7 support</li><li class="font-claude-response-body whitespace-normal break-words pl-2"><strong>~40 distinct functionalities</strong></li><li class="font-claude-response-body whitespace-normal break-words pl-2">Both individual and corporate policyholders as user types</li><li class="font-claude-response-body whitespace-normal break-words pl-2">An atomic design system to support future development</li></ul>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-cb680fd elementor-widget elementor-widget-pxl_divider" data-id="cb680fd" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-c508956 elementor-widget elementor-widget-pxl_heading" data-id="c508956" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-c508956-8282" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Task	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-b9bcd17 elementor-widget elementor-widget-pxl_text_editor" data-id="b9bcd17" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">As the sole UX/UI designer, my job was to:</p><ol class="[li_&amp;]:mb-0 [li_&amp;]:mt-1 [li_&amp;]:gap-1 [&amp;:not(:last-child)_ul]:pb-1 [&amp;:not(:last-child)_ol]:pb-1 list-decimal flex flex-col gap-1 pl-8 mb-3"><li class="font-claude-response-body whitespace-normal break-words pl-2"><strong>Resolve the ambiguity</strong> in the brief — turn a feature list into a clear product</li><li class="font-claude-response-body whitespace-normal break-words pl-2">Define the <strong>information architecture, user flows, and protopersonas</strong></li><li class="font-claude-response-body whitespace-normal break-words pl-2">Deliver <strong>high-fidelity mockups</strong> and an <strong>interactive prototype</strong></li><li class="font-claude-response-body whitespace-normal break-words pl-2">Build a <strong>complete atomic design system</strong> that engineering could hand-off cleanly</li></ol><p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">All within a 10-day window with a single client review session.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-e06ce1d elementor-widget elementor-widget-pxl_divider" data-id="e06ce1d" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-15c193a elementor-widget elementor-widget-pxl_heading" data-id="15c193a" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-15c193a-4040" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Action	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-64e2bc1 elementor-widget elementor-widget-pxl_text_editor" data-id="64e2bc1" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>1. Surfaced the unknowns before designing anything.</strong> Instead of jumping into screens, I audited the brief and produced a structured list of open questions for each module — what &#8220;SHM1&#8221; meant, how policies and certificates relate, what info goes on a carnet, how Ficolinks are generated, what data each provider listing should show. This document drove the client conversation and unblocked the design phase.</p><p> </p><p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>2. Built protopersonas to anchor decisions.</strong> Defined the primary users (individual policyholders and corporate beneficiaries) with their goals, tech comfort levels, and the moments where they&#8217;d actually open the app — usually under stress (a medical emergency, a pending claim, a payment due). This shaped which actions needed to be one tap away vs. buried.</p><p> </p><p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>3. Designed the navigation map and user flows in FigJam.</strong> Mapped 6 primary sections to a bottom nav + hamburger pattern, with the <strong>24/7 medical hotline as a persistent, high-visibility CTA</strong> — because in an insurance app, the most important moment is when something goes wrong. Flows were drawn for the 8 most critical paths (login with biometrics, file a claim, request pre-authorization, pay a pending invoice, find a provider, etc.).</p><p> </p><p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>4. Built high-fidelity mockups in Figma.</strong> Designed the full app across the 6 modules, with native patterns for iOS (Face ID) and Android (fingerprint), session-timeout handling, and forms tuned for the claim and pre-authorization flows — the two most complex tasks in the app.</p><p> </p><p class="font-claude-response-body break-words whitespace-normal leading-[1.7]"><strong>5. Built an atomic design system.</strong> Tokens, typography, color, primary/secondary/tertiary buttons, cards, form fields, search components, filters, progress indicators, notifications, dropdowns, tables, and iconography — all componentized so engineering could implement without re-deciding visual details.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-b07aeeb elementor-widget elementor-widget-pxl_divider" data-id="b07aeeb" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-6aabc44 elementor-widget elementor-widget-pxl_heading" data-id="6aabc44" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-6aabc44-7706" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Result	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-5d8a540 elementor-widget elementor-widget-pxl_text_editor" data-id="5d8a540" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<ul><li class="font-claude-response-body whitespace-normal break-words pl-2"><strong>Shipped to production.</strong> The full scope was delivered within the 10-day timeline and the app was launched to Ficohsa Seguros policyholders in Honduras.</li></ul><p> </p><ul><li class="font-claude-response-body whitespace-normal break-words pl-2"><strong>40+ functionalities designed and documented</strong> across 6 modules, with the atomic design system covering every component engineering needed.</li></ul><p> </p><ul><li class="font-claude-response-body whitespace-normal break-words pl-2"><strong>Single review cycle.</strong> Because the open-questions document resolved ambiguity upfront, the project moved through one consolidated client correction session instead of multiple revision rounds.</li></ul><p> </p><ul><li class="font-claude-response-body whitespace-normal break-words pl-2"><strong>Positive client feedback throughout the process</strong> on the structure, clarity, and completeness of the deliverables — particularly the design system, which became the foundation for ongoing iteration after launch.</li></ul>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-6e73868 elementor-widget elementor-widget-pxl_divider" data-id="6e73868" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-d3d7387 elementor-widget elementor-widget-pxl_heading" data-id="d3d7387" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-d3d7387-6180" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Key takeaway	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-bfbd8d3 elementor-widget elementor-widget-pxl_text_editor" data-id="bfbd8d3" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>The most valuable thing I did on this project wasn&#8217;t a screen — it was the question list at the start. In B2B and Fintech, briefs are almost always under-specified, and senior UX work is as much about <strong>making the unknowns visible</strong> as it is about designing the visible layer. That&#8217;s what made it possible to ship 40 features in 10 days without compromising the system.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-35ad7e7 elementor-widget elementor-widget-pxl_divider" data-id="35ad7e7" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-8dd7009 elementor-widget elementor-widget-pxl_heading" data-id="8dd7009" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-8dd7009-7528" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Deliverables	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-cd410b5 elementor-widget elementor-widget-pxl_text_editor" data-id="cd410b5" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<ul><li>Protopersonas</li><li>Sitemap</li><li>User flows</li><li>Atomic Design System</li><li>Wireframes</li><li>Components</li><li>Hi Fidelity Prototype</li></ul>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-08bdb6e elementor-widget elementor-widget-image" data-id="08bdb6e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img decoding="async" width="1024" height="643" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/Ficohsa-seguros-ux-research-1024x643.jpg" class="attachment-large size-large wp-image-9831" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2026/03/Ficohsa-seguros-ux-research-1024x643.jpg 1024w, https://www.jorgerivera.design/wp-content/uploads/2026/03/Ficohsa-seguros-ux-research-300x188.jpg 300w, https://www.jorgerivera.design/wp-content/uploads/2026/03/Ficohsa-seguros-ux-research-768x482.jpg 768w, https://www.jorgerivera.design/wp-content/uploads/2026/03/Ficohsa-seguros-ux-research-1536x964.jpg 1536w, https://www.jorgerivera.design/wp-content/uploads/2026/03/Ficohsa-seguros-ux-research-2048x1285.jpg 2048w, https://www.jorgerivera.design/wp-content/uploads/2026/03/Ficohsa-seguros-ux-research-1132x710.jpg 1132w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-5fe5f60 elementor-widget elementor-widget-image" data-id="5fe5f60" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img decoding="async" width="1024" height="643" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/ficohsa-seguros-figma-1024x643.jpg" class="attachment-large size-large wp-image-9832" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2026/03/ficohsa-seguros-figma-1024x643.jpg 1024w, https://www.jorgerivera.design/wp-content/uploads/2026/03/ficohsa-seguros-figma-300x188.jpg 300w, https://www.jorgerivera.design/wp-content/uploads/2026/03/ficohsa-seguros-figma-768x482.jpg 768w, https://www.jorgerivera.design/wp-content/uploads/2026/03/ficohsa-seguros-figma-1536x964.jpg 1536w, https://www.jorgerivera.design/wp-content/uploads/2026/03/ficohsa-seguros-figma-2048x1285.jpg 2048w, https://www.jorgerivera.design/wp-content/uploads/2026/03/ficohsa-seguros-figma-1132x710.jpg 1132w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-9e74161 elementor-widget elementor-widget-pxl_nav_post" data-id="9e74161" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_nav_post.default">
				<div class="elementor-widget-container">
					            <div class="pxl-post--navigation pxl-flex">

                            <div class="pxl-navigation--col pxl-navigation--prev">
                    <div class="pxl-navigation--icon">
                        <svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M5.23877 8.90625C5.11377 9.0625 4.86377 9.0625 4.73877 8.90625L1.08252 5.28125C0.926271 5.125 0.926271 4.90625 1.08252 4.75L4.73877 1.125C4.86377 0.96875 5.11377 0.96875 5.23877 1.125L5.48877 1.34375C5.61377 1.5 5.61377 1.71875 5.48877 1.875L2.86377 4.46875H14.6138C14.8013 4.46875 14.9888 4.65625 14.9888 4.84375V5.15625C14.9888 5.375 14.8013 5.53125 14.6138 5.53125H2.86377L5.48877 8.15625C5.61377 8.3125 5.61377 8.53125 5.48877 8.6875L5.23877 8.90625Z" fill="currentColor"/>
                        </svg>
                    </div>
                    <h5 class="pxl-navigation--title">
                        <a  href="https://www.jorgerivera.design/portfolio/tradeview-markets-kyc-activation/">Tradeview Markets — KYC Activation: Turning Invisible Friction into Measurable Conversion</a>
                    </h5>
                </div>
            
            <div class="pxl-icon--center pxl-dflex-center">
                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
                  <g opacity="0.3">
                    <rect x="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="9" y="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect y="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect y="18" width="3" height="3" fill="#0A0A0A"/>
                    <rect width="3" height="3" fill="#0A0A0A"/>
                    <rect x="9" y="18" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="18" y="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="18" y="18" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="18" width="3" height="3" fill="#0A0A0A"/>
                </g>
            </svg>
        </div>

        
    </div>
				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Tradeview Markets — KYC Activation: Turning Invisible Friction into Measurable Conversion</title>
		<link>https://www.jorgerivera.design/portfolio/tradeview-markets-kyc-activation/</link>
		
		<dc:creator><![CDATA[jorgerivera_lbjqsp]]></dc:creator>
		<pubDate>Mon, 11 May 2026 04:22:40 +0000</pubDate>
				<guid isPermaLink="false">https://www.jorgerivera.design/?post_type=portfolio&#038;p=9681</guid>

					<description><![CDATA[The onboarding is broken This is an assignment during April for TradeView Markets for the Senior Product Designer role. In this case I show you how I redesigned the KYC activation flow for an international broker — and what I learned about the difference between visibility and motivation. Industry Fintech · Trading · Broker Client [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="9681" class="elementor elementor-9681">
				<div class="elementor-element elementor-element-5ea06af e-flex e-con-boxed pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-parent " data-id="5ea06af" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-985def5 elementor-widget elementor-widget-pxl_heading" data-id="985def5" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-985def5-8254" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							The onboarding is broken	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-202355c elementor-widget elementor-widget-pxl_text_editor" data-id="202355c" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>This is an assignment during April for TradeView Markets for the Senior Product Designer role. In this case I show you how I redesigned the KYC activation flow for an international broker — and what I learned about the difference between visibility and motivation.</p>		
	</div>
</div>				</div>
				</div>
		<div class="elementor-element elementor-element-6118944 e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="6118944" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-5a112bc e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="5a112bc" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-7ad896f elementor-widget__width-initial elementor-widget elementor-widget-pxl_list" data-id="7ad896f" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 horizontal">
                            <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Industry</label>
                                            <a class="pxl-content" href="#" > Fintech · Trading · Broker</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Client</label>
                                            <a class="pxl-content" href="https://www.tvmarkets.com/en/" > Tradeview Markets</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Received</label>
                                            <a class="pxl-content" href="#" > Apr 21, 2026</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Submitted</label>
                                            <a class="pxl-content" href="#" > Apr 23, 2026</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Project type</label>
                                            <a class="pxl-content" href="#" > UX Audit + Redesign</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Platform</label>
                                            <a class="pxl-content" href="#" > Mobile-first (64% traffic)</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Workflow</label>
                                            <a class="pxl-content" href="#" > Claude, Figma and ChatGPT</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d0265e8 e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="d0265e8" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-1a4f6c0 elementor-widget elementor-widget-pxl_image" data-id="1a4f6c0" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_image.default">
				<div class="elementor-widget-container">
					<div id="pxl_image-1a4f6c0-6487" 
    class="pxl-image-single pxl-overflow--hidden pxl-disable-parallax-sm  pxl-image-scale-parallax 
    " data-wow-delay="ms" 
        >

    <div class="pxl-item--inner " data-wow-delay="120ms">
                
                    <div class="pxl-item--image s_img"  data-parallax-value="">
                                <img loading="lazy" decoding="async" width="1500" height="1000" src="https://www.jorgerivera.design/wp-content/uploads/2026/05/jr-design-tvm-hero.webp" class="no-lazyload attachment-full" alt="" />                                            </div>
                </div>
</div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-a9c0254 e-flex e-con-boxed pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="a9c0254" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-004275a elementor-widget elementor-widget-pxl_divider" data-id="004275a" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-3c9f172 elementor-widget elementor-widget-pxl_heading" data-id="3c9f172" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-3c9f172-3079" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default pxl-split-text split-in-fade" data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Context	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-521ecfe elementor-widget elementor-widget-pxl_text_editor" data-id="521ecfe" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>            <span class="pxl-text--highlight">
                A complete design process            </span>
        in 4 acts — from diagnosis to validation metrics. So the product team sent me 8 screens as resources for the assesstment.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-b1abdd4 elementor-widget elementor-widget-pxl_divider" data-id="b1abdd4" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-59ff4c0 elementor-widget elementor-widget-pxl_heading" data-id="59ff4c0" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-59ff4c0-9184" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Problem	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-c2ab4a5 elementor-widget elementor-widget-pxl_text_editor" data-id="c2ab4a5" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>Tradeview Markets is a global broker with over 20 years of operation — regulated in the Cayman Islands, Malta, Mauritius, and Labuan. Their client portal has a critical problem: <strong>users who complete registration but skip KYC verification (ID + Proof of Address) during onboarding and never come back to finish it.</strong></p><p> </p><p>No verification → no active trading account → no revenue. The problem wasn&#8217;t technical. It was a design problem.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-130de05 elementor-widget elementor-widget-pxl_divider" data-id="130de05" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-96f7413 elementor-widget elementor-widget-pxl_heading" data-id="96f7413" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-96f7413-1787" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							The challenge	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-47aeddd elementor-widget elementor-widget-pxl_text_editor" data-id="47aeddd" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>Design <strong>2 high-impact interventions</strong> that reduce friction and increase account activation rates. The brief was explicit: not looking for quantity — looking for <strong>criterion, clarity, and depth.</strong></p><p> </p><p>Key technical constraint: the identity verification provider&#8217;s flow cannot be modified. I could only design what happens <em>before</em> and <em>after</em> it.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-ce0df27 elementor-widget elementor-widget-pxl_divider" data-id="ce0df27" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-d310bed elementor-widget elementor-widget-pxl_heading" data-id="d310bed" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-d310bed-5638" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							What I did	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-ffe4b09 elementor-widget elementor-widget-pxl_text_editor" data-id="ffe4b09" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>I first diagnosed the 4 existing touchpoints (email, dashboard, notification, and modal). I identified that the problem wasn&#8217;t visibility — the user already knew they had pending items. <strong>It was motivation and friction.</strong></p><p> </p><p>I chose the 2 moments of highest user intent and completely reframed the experience: from &#8220;you&#8217;re missing something&#8221; to &#8220;you&#8217;re one step away from something.&#8221; I designed mobile-first based on a clear data point: <strong>over 60% of traffic comes from mobile.</strong></p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-e5df451 elementor-widget elementor-widget-pxl_divider" data-id="e5df451" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-c4df3b6 elementor-widget elementor-widget-pxl_heading" data-id="c4df3b6" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-c4df3b6-2852" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							The impact	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-32b2fd4 elementor-widget elementor-widget-pxl_text_editor" data-id="32b2fd4" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>Two interventions with complete screens, user flows, design decision annotations, and proposed validation metrics. The deliverable included <strong>a Brief version and an Extended version</strong> — honoring what the brief asked for while demonstrating depth of thinking.</p><p> </p><p>The biggest win: <strong>the most important copy change didn&#8217;t require a single new component.</strong> Just a shift in perspective.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-f959d3e elementor-widget elementor-widget-pxl_divider" data-id="f959d3e" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-35b37bc elementor-widget elementor-widget-pxl_heading" data-id="35b37bc" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-35b37bc-8046" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Diagnosis: 8 screens. 4 touchpoints.
2 real problems.	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-243c7e6 elementor-widget elementor-widget-pxl_text_editor" data-id="243c7e6" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>I reviewed every existing touchpoint. Most had visibility — what they lacked was intent.</p>		
	</div>
</div>				</div>
				</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-9f0b414 elementor-widget elementor-widget-pxl_image" data-id="9f0b414" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_image.default">
				<div class="elementor-widget-container">
					<div id="pxl_image-9f0b414-5352" 
    class="pxl-image-single pxl-overflow--hidden pxl-disable-parallax-sm  pxl-image-scale-parallax 
    " data-wow-delay="ms" 
        >

    <div class="pxl-item--inner " data-wow-delay="120ms">
                
                    <div class="pxl-item--image s_img"  data-parallax-value="">
                                <img loading="lazy" decoding="async" width="1500" height="1000" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/tvm-resources2.webp" class="no-lazyload attachment-full" alt="" />                                            </div>
                </div>
</div>				</div>
				</div>
		<div class="elementor-element elementor-element-e2bfbf1 e-grid e-con-full pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="e2bfbf1" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-19b418a elementor-widget elementor-widget-pxl_text_editor" data-id="19b418a" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<h6>01</h6><h4>Activation email</h4><p>The CTA leads to the portal homepage — not the verification flow. The user arrives and has to figure out what to do. No urgency. No time estimate. No real personalization.</p><p> </p><pre style="color: red">Discarded</pre>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-8f453ed elementor-widget elementor-widget-pxl_text_editor" data-id="8f453ed" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<h6>02</h6><h4>Initial dashboard</h4><p>Two signals competing at the same time: a peripheral toast and an empty state that misdiagnoses the problem — &#8220;You don&#8217;t have a live account&#8221; when the user DOES have an account. They just need to verify.</p><p> </p><pre style="color: green">Intervened</pre>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-8f6dae8 elementor-widget elementor-widget-pxl_text_editor" data-id="8f6dae8" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<h6>03</h6><h4>Persistent notification</h4><p>Always visible = always invisible. An alert that never changes loses urgency over time. The brain filters it as background noise after the first visit.</p><p> </p><pre style="color: red">Discarded</pre>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-a723f01 elementor-widget elementor-widget-pxl_text_editor" data-id="a723f01" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<h6>04</h6><h4>Blocking modal</h4><p>The highest-intent moment — the user wants to transact. The modal interrupts correctly but doesn&#8217;t convert. It creates friction without resolving it. The CTA &#8220;Submit document(s)&#8221; is a door with no window.</p><p> </p><pre style="color: green">Intervened</pre>		
	</div>
</div>				</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-3c78c00 elementor-widget elementor-widget-pxl_text_editor" data-id="3c78c00" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>&#8220;It wasn&#8217;t a visibility problem.<br />It was a <em>motivation</em> problem.<br />The user already knew. They just needed<br />a reason to act.&#8221;</p><p> </p><pre>— Jorge Rivera · UX Diagnosis · Tradeview Markets</pre>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-f42df3d elementor-widget elementor-widget-pxl_nav_post" data-id="f42df3d" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_nav_post.default">
				<div class="elementor-widget-container">
					            <div class="pxl-post--navigation pxl-flex">

                            <div class="pxl-navigation--col pxl-navigation--prev">
                    <div class="pxl-navigation--icon">
                        <svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M5.23877 8.90625C5.11377 9.0625 4.86377 9.0625 4.73877 8.90625L1.08252 5.28125C0.926271 5.125 0.926271 4.90625 1.08252 4.75L4.73877 1.125C4.86377 0.96875 5.11377 0.96875 5.23877 1.125L5.48877 1.34375C5.61377 1.5 5.61377 1.71875 5.48877 1.875L2.86377 4.46875H14.6138C14.8013 4.46875 14.9888 4.65625 14.9888 4.84375V5.15625C14.9888 5.375 14.8013 5.53125 14.6138 5.53125H2.86377L5.48877 8.15625C5.61377 8.3125 5.61377 8.53125 5.48877 8.6875L5.23877 8.90625Z" fill="currentColor"/>
                        </svg>
                    </div>
                    <h5 class="pxl-navigation--title">
                        <a  href="https://www.jorgerivera.design/portfolio/todo-pago-reducing-a-fintech-onboarding-flow-from-18-to-15-steps/">Todo Pago — Reducing a Fintech Onboarding Flow from 18 to 15 Steps</a>
                    </h5>
                </div>
            
            <div class="pxl-icon--center pxl-dflex-center">
                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
                  <g opacity="0.3">
                    <rect x="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="9" y="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect y="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect y="18" width="3" height="3" fill="#0A0A0A"/>
                    <rect width="3" height="3" fill="#0A0A0A"/>
                    <rect x="9" y="18" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="18" y="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="18" y="18" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="18" width="3" height="3" fill="#0A0A0A"/>
                </g>
            </svg>
        </div>

                    <div class="pxl-navigation--col pxl-navigation--next">
                <h5 class="pxl-navigation--title">
                    <a  href="https://www.jorgerivera.design/portfolio/ficohsa-seguros-mobile-app/">Ficohsa Seguros — Mobile App for Health Insurance Management</a>
                </h5>
                <div class="pxl-navigation--icon">
                    <svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.5513 1.125C10.6763 0.96875 10.9263 0.96875 11.0825 1.125L14.7075 4.75C14.8638 4.90625 14.8638 5.125 14.7075 5.28125L11.0825 8.90625C10.9263 9.0625 10.6763 9.0625 10.5513 8.90625L10.3013 8.6875C10.1763 8.53125 10.1763 8.3125 10.3013 8.15625L12.9263 5.53125H1.20752C0.988771 5.53125 0.832521 5.375 0.832521 5.15625V4.84375C0.832521 4.65625 0.988771 4.46875 1.20752 4.46875H12.9263L10.3013 1.875C10.1763 1.71875 10.1763 1.5 10.3013 1.34375L10.5513 1.125Z" fill="currentColor"/>
                    </svg>
                </div>

            </div>
        
    </div>
				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Todo Pago — Reducing a Fintech Onboarding Flow from 18 to 15 Steps</title>
		<link>https://www.jorgerivera.design/portfolio/todo-pago-reducing-a-fintech-onboarding-flow-from-18-to-15-steps/</link>
		
		<dc:creator><![CDATA[jorgerivera_lbjqsp]]></dc:creator>
		<pubDate>Sat, 09 May 2026 22:04:01 +0000</pubDate>
				<guid isPermaLink="false">https://www.jorgerivera.design/?post_type=portfolio&#038;p=9469</guid>

					<description><![CDATA[Designing a High-Converting Payment Experience for Todo Pago Reducing checkout abandonment in a high-stakes payment flow. Industry Fintech-Digital Payments Client Todo Pago Country Panama Duration 5 days Role Product Designer Schedule Now Overview Todo Pago is a digital payments platform that enables businesses to accept online transactions. The product had a functional checkout flow, but users [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="9469" class="elementor elementor-9469">
				<div class="elementor-element elementor-element-50cb4e7 e-flex e-con-boxed pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-parent " data-id="50cb4e7" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-f6b5eaa elementor-widget elementor-widget-pxl_heading" data-id="f6b5eaa" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-f6b5eaa-9592" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Designing a High-Converting Payment Experience for Todo Pago	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-0059733 elementor-widget elementor-widget-pxl_text_editor" data-id="0059733" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>Reducing checkout abandonment in a high-stakes payment flow.</p>		
	</div>
</div>				</div>
				</div>
		<div class="elementor-element elementor-element-f24eba3 e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="f24eba3" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-f5c9f9f e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="f5c9f9f" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-7bfb9b0 elementor-widget elementor-widget-pxl_list" data-id="7bfb9b0" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 horizontal">
                            <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Industry</label>
                                            <a class="pxl-content" href="#" > Fintech-Digital Payments</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Client</label>
                                            <a class="pxl-content" href="#" > Todo Pago</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Country</label>
                                            <a class="pxl-content" href="#" > Panama</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Duration</label>
                                            <a class="pxl-content" href="#" > 5 days</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Role</label>
                                            <a class="pxl-content" href="#" > Product Designer</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-540b7a9 e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="540b7a9" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-14f8699 elementor-widget elementor-widget-pxl_button" data-id="14f8699" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_button.default">
				<div class="elementor-widget-container">
					<div id="pxl-pxl_button-14f8699-6909" class="pxl-button pxl-atc-link " data-wow-delay="ms">
    <a href="https://calendly.com/jorgedesigner/hablemos" class="btn pxl-icon-active btn-block-inline btn-text-nina btn-icon-box pxl-icon--left" data-anchor="https://calendly.com/jorgedesigner/hablemos">
                <span class="pxl--btn-text" data-text="Schedule Now">
            <span>S</span><span>c</span><span>h</span><span>e</span><span>d</span><span>u</span><span>l</span><span>e</span><span class="spacer">&nbsp;</span><span>N</span><span>o</span><span>w</span>        </span>
    </a>
</div>				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-6cf51d7 e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="6cf51d7" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-c1344b5 elementor-widget elementor-widget-pxl_image" data-id="c1344b5" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_image.default">
				<div class="elementor-widget-container">
					<div id="pxl_image-c1344b5-8942" 
    class="pxl-image-single pxl-overflow--hidden pxl-disable-parallax-sm  pxl-image-scale-parallax 
    " data-wow-delay="ms" 
        >

    <div class="pxl-item--inner " data-wow-delay="120ms">
                
                    <div class="pxl-item--image s_img"  data-parallax-value="">
                                <img loading="lazy" decoding="async" width="1500" height="1000" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/todopago-cover.webp" class="no-lazyload attachment-full" alt="" />                                            </div>
                </div>
</div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d8022af e-flex e-con-boxed pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="d8022af" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-dd2ca97 elementor-widget elementor-widget-pxl_heading" data-id="dd2ca97" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-dd2ca97-3596" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default pxl-split-text split-in-fade" data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Overview	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-c172bcb elementor-widget elementor-widget-pxl_divider" data-id="c172bcb" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-aef010f elementor-widget elementor-widget-pxl_text_editor" data-id="aef010f" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>            <span class="pxl-text--highlight">
                Todo Pago            </span>
        is a digital payments platform that enables businesses to accept online transactions. The product had a functional checkout flow, but users were abandoning the onboarding process before completing it — a direct business problem with measurable revenue implications.</p><p> </p><p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">The client needed a designer who could diagnose the experience, identify where and why users were dropping off, and deliver a redesigned flow ready for development.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-140109d elementor-widget elementor-widget-pxl_text_editor" data-id="140109d" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p><a href="https://www.figma.com/design/urXU33JErvia94QGb7Qo3C/TodoPago-UX-UI-Design?node-id=167-2745&amp;t=Hfe3wt2jZETZz4H8-1">View Figma Prototype</a></p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-1ec4018 elementor-widget elementor-widget-pxl_divider" data-id="1ec4018" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-6516964 elementor-widget elementor-widget-image" data-id="6516964" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="655" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-1-1024x655.webp" class="attachment-large size-large wp-image-9512" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-1-1024x655.webp 1024w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-1-300x192.webp 300w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-1-768x491.webp 768w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-1-1111x710.webp 1111w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-1.webp 1500w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-b1c0cd0 elementor-widget elementor-widget-pxl_heading" data-id="b1c0cd0" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-b1c0cd0-1113" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Impact	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-35fbd64 elementor-widget elementor-widget-pxl_list" data-id="35fbd64" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 ">
                            <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Onboarding flow redesigned and shipped to production</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Critical friction points eliminated across the checkout journey</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Stronger trust signals integrated throughout the payment experience</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Cleaner UI system with consistent states across all interaction points</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-0733f04 elementor-widget elementor-widget-image" data-id="0733f04" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="693" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-2-1024x693.webp" class="attachment-large size-large wp-image-9516" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-2-1024x693.webp 1024w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-2-300x203.webp 300w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-2-768x520.webp 768w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-2-1536x1040.webp 1536w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-2-1049x710.webp 1049w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-2.webp 2000w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-7b90247 elementor-widget elementor-widget-image" data-id="7b90247" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="664" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-3-1024x664.webp" class="attachment-large size-large wp-image-9517" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-3-1024x664.webp 1024w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-3-300x195.webp 300w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-3-768x498.webp 768w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-3-1536x996.webp 1536w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-3-1095x710.webp 1095w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Research-3.webp 2000w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-7ccef08 elementor-widget elementor-widget-pxl_heading" data-id="7ccef08" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-7ccef08-1767" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Problem	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-072c36d elementor-widget elementor-widget-pxl_text_editor" data-id="072c36d" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>Users were abandoning the checkout onboarding at critical decision points. The experience was creating friction where it needed to create confidence.</p><p> </p><p>A UX audit and heuristic evaluation revealed the core issues:</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-6e0457d elementor-widget elementor-widget-pxl_list" data-id="6e0457d" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 ">
                            <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > High cognitive load during form completion</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Weak visual hierarchy making it difficult to know what to do next</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Poorly communicated validation errors increasing user anxiety</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Limited real-time feedback leaving users uncertain about their progress</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Insufficient trust signals at the moment users were asked to enter payment information</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-6ef6c47 elementor-widget elementor-widget-pxl_text_editor" data-id="6ef6c47" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>In a payment context, friction is not just a usability problem — it is a conversion problem and a trust problem.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-549a24b elementor-widget elementor-widget-pxl_heading" data-id="549a24b" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-549a24b-3500" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							My role as a Product Designer	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-1a41767 elementor-widget elementor-widget-pxl_heading" data-id="1a41767" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-1a41767-1956" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Responsible for:	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-082dca8 elementor-widget elementor-widget-pxl_list" data-id="082dca8" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 ">
                            <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Full UX audit of the existing onboarding experience</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Heuristic evaluation and benchmarking against fintech leaders (Stripe, Mercado Pago)</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Friction mapping across the checkout journey</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > End-to-end experience redesign</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > High-fidelity prototyping and interaction design
</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > UI system improvements and component definition</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Handoff to development team
</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-400d729 elementor-widget elementor-widget-pxl_divider" data-id="400d729" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-952c2b4 elementor-widget elementor-widget-pxl_heading" data-id="952c2b4" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-952c2b4-9272" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Process	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-32e211b elementor-widget elementor-widget-pxl_list" data-id="32e211b" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 ">
                            <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 1) UX Audit &#038; Benchmarking
Conducted a structured heuristic evaluation of the existing flow against Nielsen&#8217;s 10 usability principles. Benchmarked the experience against leading fintech checkout patterns including Stripe and Mercado Pago to identify industry standards the product was falling short of.</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 2) Friction Mapping
Mapped every step of the onboarding journey to identify where cognitive load peaked, where trust signals were missing, and where the UI was creating uncertainty instead of confidence.</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 3) Experience Redesign
Redesigned the flow around four principles: progressive disclosure to reduce overwhelm, real-time validation to catch errors before submission, clear system feedback at every step, and trust-driven microcopy to reduce hesitation at payment entry.</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 4) Prototyping &#038; Iteration
Built interactive high-fidelity prototypes covering all core states — loading, error, success, and edge cases. Iterated on the design based on internal review before final handoff.</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 5) Development Handoff
Delivered a fully documented Figma handoff with component specs, interaction states, and UI guidelines. The redesign was implemented in production.</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-8d99ee5 elementor-widget elementor-widget-image" data-id="8d99ee5" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="284" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-UserFlow-1024x284.webp" class="attachment-large size-large wp-image-9522" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-UserFlow-1024x284.webp 1024w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-UserFlow-300x83.webp 300w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-UserFlow-768x213.webp 768w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-UserFlow-1536x425.webp 1536w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-UserFlow-1170x324.webp 1170w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-UserFlow.webp 2000w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-f6448d3 elementor-widget elementor-widget-pxl_heading" data-id="f6448d3" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-f6448d3-5943" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Solution	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-3073b71 elementor-widget elementor-widget-pxl_heading" data-id="3073b71" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-3073b71-1713" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							The redesigned onboarding experience focused on removing friction at every step and reinforcing trust at the moments that matter most:	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-efdc38f elementor-widget elementor-widget-pxl_list" data-id="efdc38f" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 ">
                            <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Streamlined multi-step checkout flow with clear progress indication</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Reduced unnecessary input fields to minimize user effort</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Real-time error validation replacing post-submission error states</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Improved visual hierarchy guiding users through each decision</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Stronger security messaging and trust indicators at payment entry</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Consistent UI states across loading, error, and success scenarios</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-dc22e3d elementor-widget elementor-widget-image" data-id="dc22e3d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="370" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-FinalFlow-1024x370.webp" class="attachment-large size-large wp-image-9526" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-FinalFlow-1024x370.webp 1024w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-FinalFlow-300x108.webp 300w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-FinalFlow-768x278.webp 768w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-FinalFlow-1536x555.webp 1536w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-FinalFlow-1170x423.webp 1170w, https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-FinalFlow.webp 2000w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-1f13e9d elementor-widget elementor-widget-pxl_heading" data-id="1f13e9d" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-1f13e9d-4998" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Results	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-9bb38e9 elementor-widget elementor-widget-text-editor" data-id="9bb38e9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">The redesign was implemented in production, resolving the abandonment issues that motivated the project. The client confirmed satisfaction with the delivered solution.</p><p> </p><p>Note: Post-launch analytics were managed by the client&#8217;s internal team. Quantitative metrics were not shared with the design team after handoff.</p>								</div>
				<div class="elementor-element elementor-element-f765d39 elementor-widget elementor-widget-pxl_heading" data-id="f765d39" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-f765d39-8220" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Key Learnings	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-ca75d6b elementor-widget elementor-widget-text-editor" data-id="ca75d6b" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">In payment flows, clarity and trust are more impactful than adding features. Users do not abandon checkouts because the product lacks functionality — they abandon because something made them hesitate. Identifying and eliminating that hesitation is the core design challenge.</p>								</div>
				<div class="elementor-element elementor-element-135ef4a elementor-widget elementor-widget-pxl_heading" data-id="135ef4a" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-135ef4a-2116" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							What I Learned	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-82114f4 elementor-widget elementor-widget-text-editor" data-id="82114f4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Designing for conversion-critical flows requires a different lens than general product design. Every interaction state, every label, every error message is a trust decision. This project reinforced that UX quality in fintech is measured not by how the product looks, but by whether users complete the action.</p>								</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-6ca2fa7 elementor-widget elementor-widget-pxl_image_carousel" data-id="6ca2fa7" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_image_carousel.default">
				<div class="elementor-widget-container">
					<div id="pxl-image-carousel-6a1b79ffb327b" class="pxl-swiper-slider pxl-image-carousel pxl-image-carousel1 pxl-swiper-nogap" >
    <div class="pxl-carousel-inner">
        <div class="pxl-swiper-container" dir="ltr" data-settings="{&quot;slide_direction&quot;:&quot;horizontal&quot;,&quot;slide_percolumn&quot;:1,&quot;slide_mode&quot;:&quot;slide&quot;,&quot;slides_to_show&quot;:3,&quot;slides_to_show_xxl&quot;:3,&quot;slides_to_show_lg&quot;:3,&quot;slides_to_show_md&quot;:3,&quot;slides_to_show_sm&quot;:2,&quot;slides_to_show_xs&quot;:1,&quot;slides_to_scroll&quot;:1,&quot;arrow&quot;:false,&quot;pagination&quot;:false,&quot;pagination_type&quot;:&quot;bullets&quot;,&quot;autoplay&quot;:false,&quot;pause_on_hover&quot;:false,&quot;pause_on_interaction&quot;:true,&quot;delay&quot;:5000,&quot;loop&quot;:true,&quot;speed&quot;:500}">
            <div class="pxl-swiper-wrapper">
                                    <div class="pxl-swiper-slide " data-wow-delay="ms">
                            <div class="pxl-item--inner ">
                                
                                    <div class="pxl-item--image">
                                            <a href="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Mock1.png" data-elementor-lightbox-slideshow="pxl-gallery-6a1b79ffb327b">
                                                <img loading="lazy" decoding="async" width="2000" height="1500" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Mock1.png" class="no-lazyload attachment-full" alt="" />                                            </a>
                                    </div>
                                    <div class="pxl-item--title">
                                                                            </div>
                                                            </div>
                    </div>
                                    <div class="pxl-swiper-slide " data-wow-delay="ms">
                            <div class="pxl-item--inner ">
                                
                                    <div class="pxl-item--image">
                                            <a href="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Mock2.png" data-elementor-lightbox-slideshow="pxl-gallery-6a1b79ffb327b">
                                                <img loading="lazy" decoding="async" width="2000" height="1500" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Mock2.png" class="no-lazyload attachment-full" alt="" />                                            </a>
                                    </div>
                                    <div class="pxl-item--title">
                                                                            </div>
                                                            </div>
                    </div>
                                    <div class="pxl-swiper-slide " data-wow-delay="ms">
                            <div class="pxl-item--inner ">
                                
                                    <div class="pxl-item--image">
                                            <a href="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Mock3.png" data-elementor-lightbox-slideshow="pxl-gallery-6a1b79ffb327b">
                                                <img loading="lazy" decoding="async" width="2000" height="1500" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Mock3.png" class="no-lazyload attachment-full" alt="" />                                            </a>
                                    </div>
                                    <div class="pxl-item--title">
                                                                            </div>
                                                            </div>
                    </div>
                                    <div class="pxl-swiper-slide " data-wow-delay="ms">
                            <div class="pxl-item--inner ">
                                
                                    <div class="pxl-item--image">
                                            <a href="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Mock4.png" data-elementor-lightbox-slideshow="pxl-gallery-6a1b79ffb327b">
                                                <img loading="lazy" decoding="async" width="2000" height="1500" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/TodoPago-Mock4.png" class="no-lazyload attachment-full" alt="" />                                            </a>
                                    </div>
                                    <div class="pxl-item--title">
                                                                            </div>
                                                            </div>
                    </div>
                            </div>
        </div>

        
        
    </div>
</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-f4edb5a e-flex e-con-boxed pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="f4edb5a" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-9aa1f39 elementor-widget elementor-widget-pxl_testimonial_carousel" data-id="9aa1f39" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_testimonial_carousel.default">
				<div class="elementor-widget-container">
					    <div class="pxl-swiper-slider pxl-testimonial-carousel pxl-testimonial-carousel3 " >
        <div class="pxl-carousel-inner">

            <div class="pxl-swiper-container" dir="ltr" data-settings="{&quot;slide_direction&quot;:&quot;horizontal&quot;,&quot;slide_percolumn&quot;:1,&quot;slide_mode&quot;:&quot;slide&quot;,&quot;slides_to_show&quot;:1,&quot;slides_to_show_xxl&quot;:1,&quot;slides_to_show_lg&quot;:1,&quot;slides_to_show_md&quot;:1,&quot;slides_to_show_sm&quot;:1,&quot;slides_to_show_xs&quot;:1,&quot;slides_to_scroll&quot;:1,&quot;arrow&quot;:true,&quot;pagination&quot;:true,&quot;pagination_type&quot;:&quot;bullets&quot;,&quot;autoplay&quot;:true,&quot;pause_on_hover&quot;:false,&quot;pause_on_interaction&quot;:true,&quot;delay&quot;:5000,&quot;loop&quot;:false,&quot;speed&quot;:500}">
                <div class="pxl-swiper-wrapper">
                                            <div class="pxl-swiper-slide">
                            <div class="pxl-item--inner fadeInPopup" data-wow-delay="ms">
                                <div class="pxl-item--holder">
                                    <div class="pxl-item--star pxl-rating--5-star">
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                                                    </div>
                                    <div class="pxl-item--desc">
                                        <p>"Jorge is a highly creative professional who will undoubtedly put that creativity to work in the best interest of any company he joins. He has the ability to take an existing system and rebuild it with a user-first mindset — making it more intuitive and accessible for the people who use it every day"</p>
                                    </div>

                                    <div class="pxl--author">
                                        <div class="pxl-info--author">
                                                                                            <h6 class="pxl-item--title">Mateo Gutierrez</h6>
                                                                                                                                        <div class="pxl-item--position">Semi-Senior Cyber Security Analyst</div>
                                                                                    </div>

                                        <div class="pxl-item--image">
                                            <img loading="lazy" decoding="async" class="" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/mateo-gutierrez.jpeg" width="400" height="400" alt="mateo gutierrez" title="mateo gutierrez" />                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                            <div class="pxl-swiper-slide">
                            <div class="pxl-item--inner fadeInPopup" data-wow-delay="ms">
                                <div class="pxl-item--holder">
                                    <div class="pxl-item--star pxl-rating--5-star">
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                                                    </div>
                                    <div class="pxl-item--desc">
                                        <p>"Easy to communicate and open to reviewing changes properly."</p>
                                    </div>

                                    <div class="pxl--author">
                                        <div class="pxl-info--author">
                                                                                            <h6 class="pxl-item--title">Bryan Zapata</h6>
                                                                                                                                        <div class="pxl-item--position">CEO at Aztia</div>
                                                                                    </div>

                                        <div class="pxl-item--image">
                                            <img loading="lazy" decoding="async" class="" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/bryan.jpeg" width="400" height="400" alt="bryan" title="bryan" />                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                            <div class="pxl-swiper-slide">
                            <div class="pxl-item--inner fadeInPopup" data-wow-delay="ms">
                                <div class="pxl-item--holder">
                                    <div class="pxl-item--star pxl-rating--5-star">
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                                                    </div>
                                    <div class="pxl-item--desc">
                                        <p>"I recently had the opportunity to work with Jorge on the design of a mobile app, and he demonstrated his ability to understand requirements and transform them into an intuitive design."</p>
                                    </div>

                                    <div class="pxl--author">
                                        <div class="pxl-info--author">
                                                                                            <h6 class="pxl-item--title">Juan Echeverri</h6>
                                                                                                                                        <div class="pxl-item--position">COO at Cidenet</div>
                                                                                    </div>

                                        <div class="pxl-item--image">
                                            <img loading="lazy" decoding="async" class="" src="https://www.jorgerivera.design/wp-content/uploads/2025/10/juan-diego-cidenet.jpeg" width="400" height="400" alt="juan diego - cidenet" title="juan diego - cidenet" />                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                            <div class="pxl-swiper-slide">
                            <div class="pxl-item--inner fadeInPopup" data-wow-delay="ms">
                                <div class="pxl-item--holder">
                                    <div class="pxl-item--star pxl-rating--5-star">
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                                                    </div>
                                    <div class="pxl-item--desc">
                                        <p>"Jorge is organized, methodical, and creative. With excellent communication skills, he takes ideas to the next level, always focusing on the user and best design practices."

</p>
                                    </div>

                                    <div class="pxl--author">
                                        <div class="pxl-info--author">
                                                                                            <h6 class="pxl-item--title">Marcela Hincapie</h6>
                                                                                                                                        <div class="pxl-item--position">Founder</div>
                                                                                    </div>

                                        <div class="pxl-item--image">
                                            <img loading="lazy" decoding="async" class="" src="https://www.jorgerivera.design/wp-content/uploads/2025/10/marcela-hincapie-testimonial.jpeg" width="400" height="400" alt="marcela-hincapie-testimonial" title="marcela-hincapie-testimonial" />                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                    </div>
            </div>
        </div>
                    <div class="pxl-swiper-dots-wrap">
                <div class="pxl-swiper-dots style-2"></div>
            </div>
        
                    <div class="pxl-swiper-arrow-wrap style-2">
                <div class="pxl-swiper-arrow pxl-swiper-arrow-prev"><i class="caseicon-angle-arrow-left rtl-icon"></i></div>
                <div class="pxl-swiper-arrow pxl-swiper-arrow-next"><i class="caseicon-angle-arrow-right rtl-icon"></i></div>
            </div>
        
    </div>
    				</div>
				</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-4dbe304 elementor-widget elementor-widget-pxl_nav_post" data-id="4dbe304" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_nav_post.default">
				<div class="elementor-widget-container">
					            <div class="pxl-post--navigation pxl-flex">

                            <div class="pxl-navigation--col pxl-navigation--prev">
                    <div class="pxl-navigation--icon">
                        <svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M5.23877 8.90625C5.11377 9.0625 4.86377 9.0625 4.73877 8.90625L1.08252 5.28125C0.926271 5.125 0.926271 4.90625 1.08252 4.75L4.73877 1.125C4.86377 0.96875 5.11377 0.96875 5.23877 1.125L5.48877 1.34375C5.61377 1.5 5.61377 1.71875 5.48877 1.875L2.86377 4.46875H14.6138C14.8013 4.46875 14.9888 4.65625 14.9888 4.84375V5.15625C14.9888 5.375 14.8013 5.53125 14.6138 5.53125H2.86377L5.48877 8.15625C5.61377 8.3125 5.61377 8.53125 5.48877 8.6875L5.23877 8.90625Z" fill="currentColor"/>
                        </svg>
                    </div>
                    <h5 class="pxl-navigation--title">
                        <a  href="https://www.jorgerivera.design/portfolio/eurofins-digitalizing-complex-lab-workflows-for-scientists-in-10-days-from-zero-domain-knowledge/">Eurofins — Digitalizing Complex Lab Workflows for Scientists in 10 Days, from Zero Domain Knowledge</a>
                    </h5>
                </div>
            
            <div class="pxl-icon--center pxl-dflex-center">
                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
                  <g opacity="0.3">
                    <rect x="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="9" y="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect y="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect y="18" width="3" height="3" fill="#0A0A0A"/>
                    <rect width="3" height="3" fill="#0A0A0A"/>
                    <rect x="9" y="18" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="18" y="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="18" y="18" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="18" width="3" height="3" fill="#0A0A0A"/>
                </g>
            </svg>
        </div>

                    <div class="pxl-navigation--col pxl-navigation--next">
                <h5 class="pxl-navigation--title">
                    <a  href="https://www.jorgerivera.design/portfolio/tradeview-markets-kyc-activation/">Tradeview Markets — KYC Activation: Turning Invisible Friction into Measurable Conversion</a>
                </h5>
                <div class="pxl-navigation--icon">
                    <svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.5513 1.125C10.6763 0.96875 10.9263 0.96875 11.0825 1.125L14.7075 4.75C14.8638 4.90625 14.8638 5.125 14.7075 5.28125L11.0825 8.90625C10.9263 9.0625 10.6763 9.0625 10.5513 8.90625L10.3013 8.6875C10.1763 8.53125 10.1763 8.3125 10.3013 8.15625L12.9263 5.53125H1.20752C0.988771 5.53125 0.832521 5.375 0.832521 5.15625V4.84375C0.832521 4.65625 0.988771 4.46875 1.20752 4.46875H12.9263L10.3013 1.875C10.1763 1.71875 10.1763 1.5 10.3013 1.34375L10.5513 1.125Z" fill="currentColor"/>
                    </svg>
                </div>

            </div>
        
    </div>
				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Fluid Attacks — Redesigning a Cybersecurity SaaS Platform with 96% Task Completion Rate</title>
		<link>https://www.jorgerivera.design/portfolio/fluid-attacks-redesigning-a-cybersecurity-saas-platform-with-96-task-completion-rate/</link>
		
		<dc:creator><![CDATA[jorgerivera_lbjqsp]]></dc:creator>
		<pubDate>Sun, 03 May 2026 20:43:23 +0000</pubDate>
				<guid isPermaLink="false">https://www.jorgerivera.design/?post_type=portfolio&#038;p=9398</guid>

					<description><![CDATA[Fluid Attacks — Redesigning a Cybersecurity SaaS Platform Transforming an engineer-built security tool into a user-centered SaaS product — with measurable impact on customer satisfaction. Industry Cibersecurity – SaaS Client Fluid Attacks Duration 3 years (2019-2022) Role UX/UI Designer Schedule Now Impact NPS increased from 56% to 66% in 2 years 6 critical usability issues identified [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="9398" class="elementor elementor-9398">
				<div class="elementor-element elementor-element-cf4fd44 e-flex e-con-boxed pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-parent " data-id="cf4fd44" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-c426bc3 elementor-widget elementor-widget-pxl_heading" data-id="c426bc3" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-c426bc3-8080" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Fluid Attacks — Redesigning a Cybersecurity SaaS Platform	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-40a3a65 elementor-widget elementor-widget-pxl_text_editor" data-id="40a3a65" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>Transforming an engineer-built security tool into a user-centered SaaS product — with measurable impact on customer satisfaction.</p>		
	</div>
</div>				</div>
				</div>
		<div class="elementor-element elementor-element-a2b687b e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="a2b687b" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-52064f9 e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="52064f9" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-17a942e elementor-widget elementor-widget-pxl_list" data-id="17a942e" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 horizontal">
                            <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Industry</label>
                                            <a class="pxl-content" href="#" > Cibersecurity &#8211; SaaS</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Client</label>
                                            <a class="pxl-content" href="#" > Fluid Attacks</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Duration</label>
                                            <a class="pxl-content" href="#" > 3 years (2019-2022)</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content content-grid">
                    <label class="pxl-empty">Role</label>
                                            <a class="pxl-content" href="#" > UX/UI Designer</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-bc413bb e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="bc413bb" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-982fa62 elementor-widget elementor-widget-pxl_button" data-id="982fa62" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_button.default">
				<div class="elementor-widget-container">
					<div id="pxl-pxl_button-982fa62-7410" class="pxl-button pxl-atc-link " data-wow-delay="ms">
    <a href="https://calendly.com/jorgedesigner/hablemos" class="btn pxl-icon-active btn-block-inline btn-text-nina btn-icon-box pxl-icon--left" data-anchor="https://calendly.com/jorgedesigner/hablemos">
                <span class="pxl--btn-text" data-text="Schedule Now">
            <span>S</span><span>c</span><span>h</span><span>e</span><span>d</span><span>u</span><span>l</span><span>e</span><span class="spacer">&nbsp;</span><span>N</span><span>o</span><span>w</span>        </span>
    </a>
</div>				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-2edd353 e-con-full e-flex pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="2edd353" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-8029b7b elementor-widget elementor-widget-pxl_image" data-id="8029b7b" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_image.default">
				<div class="elementor-widget-container">
					<div id="pxl_image-8029b7b-7441" 
    class="pxl-image-single pxl-overflow--hidden pxl-disable-parallax-sm  pxl-image-scale-parallax 
    " data-wow-delay="ms" 
        >

    <div class="pxl-item--inner " data-wow-delay="120ms">
                
                    <div class="pxl-item--image s_img"  data-parallax-value="">
                                <img loading="lazy" decoding="async" width="2000" height="1333" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/laptop-fluidattacks.jpg" class="no-lazyload attachment-full" alt="" />                                            </div>
                </div>
</div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-5caa09e e-flex e-con-boxed pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="5caa09e" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-88c7cb5 elementor-widget elementor-widget-pxl_heading" data-id="88c7cb5" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-88c7cb5-9445" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default pxl-split-text split-in-fade" data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Impact	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-1194743 elementor-widget elementor-widget-pxl_list" data-id="1194743" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 ">
                            <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > NPS increased from 56% to 66% in 2 years</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 6 critical usability issues identified and resolved</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > First UX research process established in the company</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Atomic design system created from scratch</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Detractor rate reduced across the customer base</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-74b4642 elementor-widget elementor-widget-pxl_divider" data-id="74b4642" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-a73a681 elementor-widget elementor-widget-image" data-id="a73a681" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="740" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/before-2-1024x740.png" class="attachment-large size-large wp-image-9441" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2026/03/before-2-1024x740.png 1024w, https://www.jorgerivera.design/wp-content/uploads/2026/03/before-2-300x217.png 300w, https://www.jorgerivera.design/wp-content/uploads/2026/03/before-2-768x555.png 768w, https://www.jorgerivera.design/wp-content/uploads/2026/03/before-2-983x710.png 983w, https://www.jorgerivera.design/wp-content/uploads/2026/03/before-2.png 1080w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-0b4e2b0 elementor-widget elementor-widget-image" data-id="0b4e2b0" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="740" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/after-2-1024x740.png" class="attachment-large size-large wp-image-9442" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2026/03/after-2-1024x740.png 1024w, https://www.jorgerivera.design/wp-content/uploads/2026/03/after-2-300x217.png 300w, https://www.jorgerivera.design/wp-content/uploads/2026/03/after-2-768x555.png 768w, https://www.jorgerivera.design/wp-content/uploads/2026/03/after-2-983x710.png 983w, https://www.jorgerivera.design/wp-content/uploads/2026/03/after-2.png 1080w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-87786a2 elementor-widget elementor-widget-pxl_heading" data-id="87786a2" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-87786a2-5862" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default pxl-split-text split-in-fade" data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Context	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-a10e76e elementor-widget elementor-widget-pxl_text_editor" data-id="a10e76e" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>            <span class="pxl-text--highlight">
                Fluid Attacks            </span>
        is a Colombian cybersecurity company specializing in penetration testing and vulnerability management under a SaaS model. Their core product — the Attack Surface Manager (ASM) — allows security teams to detect, track, and manage vulnerabilities across digital systems.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-b6ccace elementor-widget elementor-widget-pxl_text_editor" data-id="b6ccace" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>When I joined in 2019, the ASM was a technically functional but deeply unusable product. It had been built entirely by engineers, with no UX research, no design system, and no usability testing in place. The interface was inconsistent, navigation was confusing, and users were generating support tickets at a high rate.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-b95ba72 elementor-widget elementor-widget-pxl_text_editor" data-id="b95ba72" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p><a href="https://xd.adobe.com/view/6f39f613-c7c8-420d-a132-950ed2110f40-3a6a/">View Research Documentation</a></p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-0b0fa36 elementor-widget elementor-widget-pxl_text_editor" data-id="0b0fa36" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p><a href="https://xd.adobe.com/view/af9ca09b-98c5-46f4-83a1-8c91038fc80a-facf/screen/d43c91ab-5c1a-4a65-87ca-59e5e9a38949">Explore Interactive Prototype</a></p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-6a3cde6 elementor-widget elementor-widget-pxl_divider" data-id="6a3cde6" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-a2d16fb elementor-widget elementor-widget-pxl_heading" data-id="a2d16fb" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-a2d16fb-7833" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Problem	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-dda9834 elementor-widget elementor-widget-pxl_text_editor" data-id="dda9834" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>The ASM served technically sophisticated users — security analysts and DevSecOps teams — who needed to manage vulnerabilities efficiently under real operational pressure. Despite their expertise, users were failing basic tasks.</p><p>Key challenges identified:</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-3b73eff elementor-widget elementor-widget-pxl_list" data-id="3b73eff" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 ">
                            <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Active sessions expired abruptly, interrupting critical workflows</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Slow download speeds created friction during vulnerability exports</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Duplicated navigation sections caused confusion and wasted time</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Frequent micro-changes broke user learning and mental models</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > No prior user research meant all design decisions were assumption-based</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Visual inconsistency across the product reduced trust and credibility</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-f00a8da elementor-widget elementor-widget-pxl_text_editor" data-id="f00a8da" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_text_editor.default">
				<div class="elementor-widget-container">
					<div class="pxl-text-editor d-flex   ">
	<div class="pxl-item--inner  " data-wow-delay="ms">
		<p>Without a structured design approach, the product risked losing clients and increasing churn.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-3c78b43 elementor-widget elementor-widget-image" data-id="3c78b43" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="320" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/fluid-attacks-old-ui-1024x320.png" class="attachment-large size-large wp-image-9446" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2026/03/fluid-attacks-old-ui-1024x320.png 1024w, https://www.jorgerivera.design/wp-content/uploads/2026/03/fluid-attacks-old-ui-300x94.png 300w, https://www.jorgerivera.design/wp-content/uploads/2026/03/fluid-attacks-old-ui-768x240.png 768w, https://www.jorgerivera.design/wp-content/uploads/2026/03/fluid-attacks-old-ui-1536x480.png 1536w, https://www.jorgerivera.design/wp-content/uploads/2026/03/fluid-attacks-old-ui-1170x366.png 1170w, https://www.jorgerivera.design/wp-content/uploads/2026/03/fluid-attacks-old-ui.png 1920w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-63e24f0 elementor-widget elementor-widget-pxl_heading" data-id="63e24f0" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-63e24f0-2804" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							My role as a UX/UI Designer	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-5e7abab elementor-widget elementor-widget-pxl_heading" data-id="5e7abab" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-5e7abab-4915" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Responsible for:	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-9ae56e2 elementor-widget elementor-widget-pxl_list" data-id="9ae56e2" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 ">
                            <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Leading the first UX research process in company history</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Conducting moderated user interviews and usability testing</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Redesigning the information architecture</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Creating an atomic design system based on Tachyon components</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Designing high-fidelity prototypes for all core user flows
</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > Collaborating with development and CX teams to ship improvements</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                    <div class="pxl-item--icon ">
                        <i aria-hidden="true" class="fas fa-circle"></i>                    </div>
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > I operated as the sole designer embedded in an engineering-driven team.
</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-78348f9 elementor-widget elementor-widget-pxl_divider" data-id="78348f9" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_divider.default">
				<div class="elementor-widget-container">
					<div class="pxl-el-divider " data-wow-delay="ms"></div>				</div>
				</div>
				<div class="elementor-element elementor-element-e46c731 elementor-widget elementor-widget-image" data-id="e46c731" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="337" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/design-thinking-fluid-attacks-1024x337.png" class="attachment-large size-large wp-image-9447" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2026/03/design-thinking-fluid-attacks-1024x337.png 1024w, https://www.jorgerivera.design/wp-content/uploads/2026/03/design-thinking-fluid-attacks-300x99.png 300w, https://www.jorgerivera.design/wp-content/uploads/2026/03/design-thinking-fluid-attacks-768x253.png 768w, https://www.jorgerivera.design/wp-content/uploads/2026/03/design-thinking-fluid-attacks-1536x506.png 1536w, https://www.jorgerivera.design/wp-content/uploads/2026/03/design-thinking-fluid-attacks-1170x386.png 1170w, https://www.jorgerivera.design/wp-content/uploads/2026/03/design-thinking-fluid-attacks.png 1666w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-028ff7d elementor-widget elementor-widget-pxl_heading" data-id="028ff7d" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-028ff7d-8568" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Process	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-c6bf498 elementor-widget elementor-widget-pxl_list" data-id="c6bf498" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 ">
                            <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 1) Empathize: Conducted a 4-week qualitative research sprint: moderated interviews with real platform users, session observation, and analysis of support ticket patterns to identify the highest-impact pain points.</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 2) Define: Synthesized research into 6 critical problem areas. Created User Personas, Empathy Maps, and simplified user flow diagrams to align the team around a shared understanding of user needs.</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 3) Ideate: Proposed a restructured sitemap and new user flows that eliminated duplicated sections and reduced task complexity across core vulnerability management workflows.</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 4) Prototype: Designed interactive high-fidelity prototypes covering all primary user flows. Built an atomic design system with modular, reusable components to ensure consistency and accelerate development handoff.</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 5) Test: Conducted moderated usability testing with real customers and key stakeholders. Iterated on findings before handing off to development.</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-133df72 elementor-widget elementor-widget-pxl_heading" data-id="133df72" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-133df72-3425" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Solution	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-54c71bc elementor-widget elementor-widget-pxl_heading" data-id="54c71bc" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-54c71bc-8942" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							I redesigned the ASM from the ground up across five dimensions:	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-b527a2c elementor-widget elementor-widget-text-editor" data-id="b527a2c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<ul><li><strong>Session management:</strong> Eliminated arbitrary session timeouts that were interrupting active workflows</li></ul><p> </p><ul><li><strong>Technology migration:</strong> Improved underlying performance to resolve slow load and download times</li></ul><p> </p><ul><li><strong>Information architecture:</strong> Rebuilt the navigation structure, removing duplicated sections and clarifying task groupings</li></ul><p> </p><ul><li><strong>Component library:</strong> Created a scalable atomic design system used by the entire product team</li></ul><p> </p><ul><li><strong>User flows:</strong> Simplified all primary workflows to reduce cognitive load and task completion time</li></ul>								</div>
				<div class="elementor-element elementor-element-65291f8 elementor-widget elementor-widget-image" data-id="65291f8" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="583" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/asm-ui-1024x583.jpg" class="attachment-large size-large wp-image-9451" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2026/03/asm-ui-1024x583.jpg 1024w, https://www.jorgerivera.design/wp-content/uploads/2026/03/asm-ui-300x171.jpg 300w, https://www.jorgerivera.design/wp-content/uploads/2026/03/asm-ui-768x438.jpg 768w, https://www.jorgerivera.design/wp-content/uploads/2026/03/asm-ui-1170x667.jpg 1170w, https://www.jorgerivera.design/wp-content/uploads/2026/03/asm-ui.jpg 1262w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-f726c04 elementor-widget elementor-widget-pxl_heading" data-id="f726c04" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-f726c04-3213" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Results	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-2de6651 elementor-widget elementor-widget-pxl_list" data-id="2de6651" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_list.default">
				<div class="elementor-widget-container">
					    <div class="pxl-list pxl-list1 ">
                            <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 1) Customer satisfaction (NPS) increased from 56% in 2020 to 66% in 2022</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 2) Detractor rate decreased measurably across the user base</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 3) Support ticket volume related to usability reduced</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 4) Design, development, and marketing teams aligned around a shared design system for the first time</a>
                                    </div>

            </div>
                    <div class="pxl--item   " data-wow-delay="ms">
                                                                <div class="pxl-item--content ">
                    <label class="pxl-empty"></label>
                                            <a class="pxl-content"  > 5) Established UX research as a standard practice within the product team</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-3859e07 elementor-widget elementor-widget-pxl_heading" data-id="3859e07" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-3859e07-5494" class="pxl-heading ">
	<div class="pxl-heading--inner">
		
		<h2 class="pxl-item--title  style-default highlight-default " data-wow-delay="ms">

		<span class="pxl-heading--text ">

							Key Learnings	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-f232b39 elementor-widget elementor-widget-text-editor" data-id="f232b39" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Being the only designer in an engineering-dominated environment taught me three things that still define how I work.</p><p> </p><p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">First, design decisions without data are just opinions — and opinions lose arguments in technical teams. Research gave me the credibility to drive change.</p><p> </p><p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Second, a design system is not a deliverable, it&#8217;s infrastructure. Building one early in the project created compounding value for every decision that followed.</p><p> </p><p class="font-claude-response-body break-words whitespace-normal leading-[1.7]">Third, impact takes time. The NPS didn&#8217;t move in a sprint — it moved over two years of consistent, research-driven iteration. Senior design work is about sustained execution, not single launches.</p>								</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-c35e671 elementor-widget elementor-widget-pxl_image_carousel" data-id="c35e671" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_image_carousel.default">
				<div class="elementor-widget-container">
					<div id="pxl-image-carousel-6a1b79ffc8b24" class="pxl-swiper-slider pxl-image-carousel pxl-image-carousel1 pxl-swiper-nogap" >
    <div class="pxl-carousel-inner">
        <div class="pxl-swiper-container" dir="ltr" data-settings="{&quot;slide_direction&quot;:&quot;horizontal&quot;,&quot;slide_percolumn&quot;:1,&quot;slide_mode&quot;:&quot;slide&quot;,&quot;slides_to_show&quot;:3,&quot;slides_to_show_xxl&quot;:3,&quot;slides_to_show_lg&quot;:3,&quot;slides_to_show_md&quot;:3,&quot;slides_to_show_sm&quot;:2,&quot;slides_to_show_xs&quot;:1,&quot;slides_to_scroll&quot;:1,&quot;arrow&quot;:false,&quot;pagination&quot;:false,&quot;pagination_type&quot;:&quot;bullets&quot;,&quot;autoplay&quot;:false,&quot;pause_on_hover&quot;:false,&quot;pause_on_interaction&quot;:true,&quot;delay&quot;:5000,&quot;loop&quot;:true,&quot;speed&quot;:500}">
            <div class="pxl-swiper-wrapper">
                                    <div class="pxl-swiper-slide " data-wow-delay="ms">
                            <div class="pxl-item--inner ">
                                
                                    <div class="pxl-item--image">
                                            <a href="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-1-scaled.jpg" data-elementor-lightbox-slideshow="pxl-gallery-6a1b79ffc8b24">
                                                <img loading="lazy" decoding="async" width="2560" height="1476" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-1-scaled.jpg" class="no-lazyload attachment-full" alt="" />                                            </a>
                                    </div>
                                    <div class="pxl-item--title">
                                                                            </div>
                                                            </div>
                    </div>
                                    <div class="pxl-swiper-slide " data-wow-delay="ms">
                            <div class="pxl-item--inner ">
                                
                                    <div class="pxl-item--image">
                                            <a href="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-2-scaled.jpg" data-elementor-lightbox-slideshow="pxl-gallery-6a1b79ffc8b24">
                                                <img loading="lazy" decoding="async" width="2560" height="1476" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-2-scaled.jpg" class="no-lazyload attachment-full" alt="" />                                            </a>
                                    </div>
                                    <div class="pxl-item--title">
                                                                            </div>
                                                            </div>
                    </div>
                                    <div class="pxl-swiper-slide " data-wow-delay="ms">
                            <div class="pxl-item--inner ">
                                
                                    <div class="pxl-item--image">
                                            <a href="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-3-scaled.jpg" data-elementor-lightbox-slideshow="pxl-gallery-6a1b79ffc8b24">
                                                <img loading="lazy" decoding="async" width="2560" height="1476" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-3-scaled.jpg" class="no-lazyload attachment-full" alt="" />                                            </a>
                                    </div>
                                    <div class="pxl-item--title">
                                                                            </div>
                                                            </div>
                    </div>
                                    <div class="pxl-swiper-slide " data-wow-delay="ms">
                            <div class="pxl-item--inner ">
                                
                                    <div class="pxl-item--image">
                                            <a href="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-4-scaled.jpg" data-elementor-lightbox-slideshow="pxl-gallery-6a1b79ffc8b24">
                                                <img loading="lazy" decoding="async" width="2560" height="1476" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-4-scaled.jpg" class="no-lazyload attachment-full" alt="" />                                            </a>
                                    </div>
                                    <div class="pxl-item--title">
                                                                            </div>
                                                            </div>
                    </div>
                                    <div class="pxl-swiper-slide " data-wow-delay="ms">
                            <div class="pxl-item--inner ">
                                
                                    <div class="pxl-item--image">
                                            <a href="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-5-scaled.jpg" data-elementor-lightbox-slideshow="pxl-gallery-6a1b79ffc8b24">
                                                <img loading="lazy" decoding="async" width="2560" height="1476" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-5-scaled.jpg" class="no-lazyload attachment-full" alt="" />                                            </a>
                                    </div>
                                    <div class="pxl-item--title">
                                                                            </div>
                                                            </div>
                    </div>
                                    <div class="pxl-swiper-slide " data-wow-delay="ms">
                            <div class="pxl-item--inner ">
                                
                                    <div class="pxl-item--image">
                                            <a href="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-6-scaled.jpg" data-elementor-lightbox-slideshow="pxl-gallery-6a1b79ffc8b24">
                                                <img loading="lazy" decoding="async" width="2560" height="1476" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-6-scaled.jpg" class="no-lazyload attachment-full" alt="" />                                            </a>
                                    </div>
                                    <div class="pxl-item--title">
                                                                            </div>
                                                            </div>
                    </div>
                                    <div class="pxl-swiper-slide " data-wow-delay="ms">
                            <div class="pxl-item--inner ">
                                
                                    <div class="pxl-item--image">
                                            <a href="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-7-scaled.jpg" data-elementor-lightbox-slideshow="pxl-gallery-6a1b79ffc8b24">
                                                <img loading="lazy" decoding="async" width="2560" height="1476" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/research-fluid-attacks-7-scaled.jpg" class="no-lazyload attachment-full" alt="" />                                            </a>
                                    </div>
                                    <div class="pxl-item--title">
                                                                            </div>
                                                            </div>
                    </div>
                            </div>
        </div>

        
        
    </div>
</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-3d638d9 e-flex e-con-boxed pxl-section-overflow-visible pxl-column-none pxl-section-fix-none pxl-bg-color-none e-con e-child " data-id="3d638d9" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-87bb03e elementor-widget elementor-widget-pxl_testimonial_carousel" data-id="87bb03e" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_testimonial_carousel.default">
				<div class="elementor-widget-container">
					    <div class="pxl-swiper-slider pxl-testimonial-carousel pxl-testimonial-carousel3 " >
        <div class="pxl-carousel-inner">

            <div class="pxl-swiper-container" dir="ltr" data-settings="{&quot;slide_direction&quot;:&quot;horizontal&quot;,&quot;slide_percolumn&quot;:1,&quot;slide_mode&quot;:&quot;slide&quot;,&quot;slides_to_show&quot;:1,&quot;slides_to_show_xxl&quot;:1,&quot;slides_to_show_lg&quot;:1,&quot;slides_to_show_md&quot;:1,&quot;slides_to_show_sm&quot;:1,&quot;slides_to_show_xs&quot;:1,&quot;slides_to_scroll&quot;:1,&quot;arrow&quot;:true,&quot;pagination&quot;:true,&quot;pagination_type&quot;:&quot;bullets&quot;,&quot;autoplay&quot;:true,&quot;pause_on_hover&quot;:false,&quot;pause_on_interaction&quot;:true,&quot;delay&quot;:5000,&quot;loop&quot;:false,&quot;speed&quot;:500}">
                <div class="pxl-swiper-wrapper">
                                            <div class="pxl-swiper-slide">
                            <div class="pxl-item--inner fadeInPopup" data-wow-delay="ms">
                                <div class="pxl-item--holder">
                                    <div class="pxl-item--star pxl-rating--5-star">
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                                                    </div>
                                    <div class="pxl-item--desc">
                                        <p>"Jorge is a highly creative professional who will undoubtedly put that creativity to work in the best interest of any company he joins. He has the ability to take an existing system and rebuild it with a user-first mindset — making it more intuitive and accessible for the people who use it every day"</p>
                                    </div>

                                    <div class="pxl--author">
                                        <div class="pxl-info--author">
                                                                                            <h6 class="pxl-item--title">Mateo Gutierrez</h6>
                                                                                                                                        <div class="pxl-item--position">Semi-Senior Cyber Security Analyst</div>
                                                                                    </div>

                                        <div class="pxl-item--image">
                                            <img loading="lazy" decoding="async" class="" src="https://www.jorgerivera.design/wp-content/uploads/2026/03/mateo-gutierrez.jpeg" width="400" height="400" alt="mateo gutierrez" title="mateo gutierrez" />                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                            <div class="pxl-swiper-slide">
                            <div class="pxl-item--inner fadeInPopup" data-wow-delay="ms">
                                <div class="pxl-item--holder">
                                    <div class="pxl-item--star pxl-rating--5-star">
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                                                    </div>
                                    <div class="pxl-item--desc">
                                        <p>"Easy to communicate and open to reviewing changes properly."</p>
                                    </div>

                                    <div class="pxl--author">
                                        <div class="pxl-info--author">
                                                                                            <h6 class="pxl-item--title">Bryan Zapata</h6>
                                                                                                                                        <div class="pxl-item--position">CEO at Aztia</div>
                                                                                    </div>

                                        <div class="pxl-item--image">
                                            <img loading="lazy" decoding="async" class="" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/bryan.jpeg" width="400" height="400" alt="bryan" title="bryan" />                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                            <div class="pxl-swiper-slide">
                            <div class="pxl-item--inner fadeInPopup" data-wow-delay="ms">
                                <div class="pxl-item--holder">
                                    <div class="pxl-item--star pxl-rating--5-star">
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                                                    </div>
                                    <div class="pxl-item--desc">
                                        <p>"I recently had the opportunity to work with Jorge on the design of a mobile app, and he demonstrated his ability to understand requirements and transform them into an intuitive design."</p>
                                    </div>

                                    <div class="pxl--author">
                                        <div class="pxl-info--author">
                                                                                            <h6 class="pxl-item--title">Juan Echeverri</h6>
                                                                                                                                        <div class="pxl-item--position">COO at Cidenet</div>
                                                                                    </div>

                                        <div class="pxl-item--image">
                                            <img loading="lazy" decoding="async" class="" src="https://www.jorgerivera.design/wp-content/uploads/2025/10/juan-diego-cidenet.jpeg" width="400" height="400" alt="juan diego - cidenet" title="juan diego - cidenet" />                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                            <div class="pxl-swiper-slide">
                            <div class="pxl-item--inner fadeInPopup" data-wow-delay="ms">
                                <div class="pxl-item--holder">
                                    <div class="pxl-item--star pxl-rating--5-star">
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                    <i class="fas fa-star"></i>
                                                                                                                    </div>
                                    <div class="pxl-item--desc">
                                        <p>"Jorge is organized, methodical, and creative. With excellent communication skills, he takes ideas to the next level, always focusing on the user and best design practices."

</p>
                                    </div>

                                    <div class="pxl--author">
                                        <div class="pxl-info--author">
                                                                                            <h6 class="pxl-item--title">Marcela Hincapie</h6>
                                                                                                                                        <div class="pxl-item--position">Founder</div>
                                                                                    </div>

                                        <div class="pxl-item--image">
                                            <img loading="lazy" decoding="async" class="" src="https://www.jorgerivera.design/wp-content/uploads/2025/10/marcela-hincapie-testimonial.jpeg" width="400" height="400" alt="marcela-hincapie-testimonial" title="marcela-hincapie-testimonial" />                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                                    </div>
            </div>
        </div>
                    <div class="pxl-swiper-dots-wrap">
                <div class="pxl-swiper-dots style-2"></div>
            </div>
        
                    <div class="pxl-swiper-arrow-wrap style-2">
                <div class="pxl-swiper-arrow pxl-swiper-arrow-prev"><i class="caseicon-angle-arrow-left rtl-icon"></i></div>
                <div class="pxl-swiper-arrow pxl-swiper-arrow-next"><i class="caseicon-angle-arrow-right rtl-icon"></i></div>
            </div>
        
    </div>
    				</div>
				</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-9852c9a elementor-widget elementor-widget-pxl_nav_post" data-id="9852c9a" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_nav_post.default">
				<div class="elementor-widget-container">
					            <div class="pxl-post--navigation pxl-flex">

                            <div class="pxl-navigation--col pxl-navigation--prev">
                    <div class="pxl-navigation--icon">
                        <svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M5.23877 8.90625C5.11377 9.0625 4.86377 9.0625 4.73877 8.90625L1.08252 5.28125C0.926271 5.125 0.926271 4.90625 1.08252 4.75L4.73877 1.125C4.86377 0.96875 5.11377 0.96875 5.23877 1.125L5.48877 1.34375C5.61377 1.5 5.61377 1.71875 5.48877 1.875L2.86377 4.46875H14.6138C14.8013 4.46875 14.9888 4.65625 14.9888 4.84375V5.15625C14.9888 5.375 14.8013 5.53125 14.6138 5.53125H2.86377L5.48877 8.15625C5.61377 8.3125 5.61377 8.53125 5.48877 8.6875L5.23877 8.90625Z" fill="currentColor"/>
                        </svg>
                    </div>
                    <h5 class="pxl-navigation--title">
                        <a  href="https://www.jorgerivera.design/portfolio/work-in-progress-banco-aliado/">Work in Progress- Banco Aliado</a>
                    </h5>
                </div>
            
            <div class="pxl-icon--center pxl-dflex-center">
                <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none">
                  <g opacity="0.3">
                    <rect x="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="9" y="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect y="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect y="18" width="3" height="3" fill="#0A0A0A"/>
                    <rect width="3" height="3" fill="#0A0A0A"/>
                    <rect x="9" y="18" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="18" y="9" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="18" y="18" width="3" height="3" fill="#0A0A0A"/>
                    <rect x="18" width="3" height="3" fill="#0A0A0A"/>
                </g>
            </svg>
        </div>

                    <div class="pxl-navigation--col pxl-navigation--next">
                <h5 class="pxl-navigation--title">
                    <a  href="https://www.jorgerivera.design/portfolio/finaipro-designing-a-fintech-analytics-platform-from-mvp-to-scale-driven-by-investor-feedback/">Finaipro — Designing a Fintech Analytics Platform from MVP to Scale, Driven by Investor Feedback</a>
                </h5>
                <div class="pxl-navigation--icon">
                    <svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M10.5513 1.125C10.6763 0.96875 10.9263 0.96875 11.0825 1.125L14.7075 4.75C14.8638 4.90625 14.8638 5.125 14.7075 5.28125L11.0825 8.90625C10.9263 9.0625 10.6763 9.0625 10.5513 8.90625L10.3013 8.6875C10.1763 8.53125 10.1763 8.3125 10.3013 8.15625L12.9263 5.53125H1.20752C0.988771 5.53125 0.832521 5.375 0.832521 5.15625V4.84375C0.832521 4.65625 0.988771 4.46875 1.20752 4.46875H12.9263L10.3013 1.875C10.1763 1.71875 10.1763 1.5 10.3013 1.34375L10.5513 1.125Z" fill="currentColor"/>
                    </svg>
                </div>

            </div>
        
    </div>
				</div>
				</div>
					</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Work in Progress- Banco Aliado</title>
		<link>https://www.jorgerivera.design/portfolio/work-in-progress-banco-aliado/</link>
		
		<dc:creator><![CDATA[jorgerivera_lbjqsp]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 04:24:33 +0000</pubDate>
				<guid isPermaLink="false">https://www.jorgerivera.design/?post_type=portfolio&#038;p=9687</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Work in Progress &#8211; Facturas AI</title>
		<link>https://www.jorgerivera.design/portfolio/work-in-progress-facturas-ai/</link>
		
		<dc:creator><![CDATA[jorgerivera_lbjqsp]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 04:23:30 +0000</pubDate>
				<guid isPermaLink="false">https://www.jorgerivera.design/?post_type=portfolio&#038;p=9685</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Work in Progress &#8211; Adsoft Company</title>
		<link>https://www.jorgerivera.design/portfolio/work-in-progress-adsoft-company/</link>
		
		<dc:creator><![CDATA[jorgerivera_lbjqsp]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 04:23:03 +0000</pubDate>
				<guid isPermaLink="false">https://www.jorgerivera.design/?post_type=portfolio&#038;p=9683</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
