<?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>Fintech &#8211; JR Design // Strategic Designer</title>
	<atom:link href="https://www.jorgerivera.design/portfolio-category/fintech/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:00 +0000</lastBuildDate>
	<language>es-CO</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.jorgerivera.design/wp-content/uploads/2026/03/JR-Design-Favicon.png</url>
	<title>Fintech &#8211; JR Design // Strategic Designer</title>
	<link>https://www.jorgerivera.design</link>
	<width>32</width>
	<height>32</height>
</image> 
	<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-6626" 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-6581" 
    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="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-1496" 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-1647" 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-7065" 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-5400" 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-5210" 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-6371" 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-7303" 
    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 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-5469" 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-1431" 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-3390" 
    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 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-5375" 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-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 ">

							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-6611" 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-6892" 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-8140" 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-3859" 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-6161" 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-6007" 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-6699" 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-7354" 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-9968" 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-6a0e1d72b4009" 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-6a0e1d72b4009">
                                                <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-6a0e1d72b4009">
                                                <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-6a0e1d72b4009">
                                                <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-6a0e1d72b4009">
                                                <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>Finaipro — Designing a Fintech Analytics Platform from MVP to Scale, Driven by Investor Feedback</title>
		<link>https://www.jorgerivera.design/portfolio/finaipro-designing-a-fintech-analytics-platform-from-mvp-to-scale-driven-by-investor-feedback/</link>
		
		<dc:creator><![CDATA[jorgerivera_lbjqsp]]></dc:creator>
		<pubDate>Thu, 07 May 2026 14:32:54 +0000</pubDate>
				<guid isPermaLink="false">https://floka.casethemes.net/?post_type=portfolio&#038;p=3468</guid>

					<description><![CDATA[Designing a financial analytics platform used by investment teams to analyze market data and make decisions.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="3468" class="elementor elementor-3468">
				<div class="elementor-element elementor-element-febef3b 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="febef3b" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-c45e363 elementor-widget elementor-widget-pxl_heading" data-id="c45e363" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-c45e363-3611" 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 ">

							Finaipro — Fintech Analytics Platform	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-ec2f8fa elementor-widget elementor-widget-pxl_text_editor" data-id="ec2f8fa" 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>Key Contributions: Design system creation, dashboard UX design and financial data visualization.</p>		
	</div>
</div>				</div>
				</div>
		<div class="elementor-element elementor-element-6edb728 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="6edb728" data-element_type="container" data-e-type="container"><div class="elementor-element elementor-element-95e68a2 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="95e68a2" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-713b7b1 elementor-widget elementor-widget-pxl_list" data-id="713b7b1" 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 &#8211; SaaS</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="#" > Senior Product Designer</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="#" > 2 years</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-d4f3366 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="d4f3366" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-2f135b1 elementor-align-right elementor-widget elementor-widget-pxl_button" data-id="2f135b1" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_button.default">
				<div class="elementor-widget-container">
					<div id="pxl-pxl_button-2f135b1-8090" class="pxl-button pxl-atc-link " data-wow-delay="ms">
    <a href="https://www.jorgerivera.design/wp-content/uploads/2026/03/Jorge-Rivera-Resume-2026.pdf" class="btn pxl-icon-active btn-block-inline btn-text-nina btn-icon-box pxl-icon--left" data-anchor="https://www.jorgerivera.design/wp-content/uploads/2026/03/Jorge-Rivera-Resume-2026.pdf">
                <span class="pxl--btn-text" data-text="Download Resume">
            <span>D</span><span>o</span><span>w</span><span>n</span><span>l</span><span>o</span><span>a</span><span>d</span><span class="spacer">&nbsp;</span><span>R</span><span>e</span><span>s</span><span>u</span><span>m</span><span>e</span>        </span>
    </a>
</div>				</div>
				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-0551e9f 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="0551e9f" data-element_type="container" data-e-type="container">		<div class="elementor-element elementor-element-aa69950 elementor-widget elementor-widget-pxl_image" data-id="aa69950" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_image.default">
				<div class="elementor-widget-container">
					<div id="pxl_image-aa69950-9268" 
    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="1200" height="800" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-jorgeriveradesign-01.webp" class="no-lazyload attachment-full" alt="" />                                            </div>
                </div>
</div>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-e105157 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="e105157" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-0515e23 elementor-widget elementor-widget-pxl_heading" data-id="0515e23" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-0515e23-3968" 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-6cd22ce elementor-widget elementor-widget-pxl_list" data-id="6cd22ce" 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"  > Structured design system for a fintech platform</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"  > 20+ reusable UI 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"  > Fully responsive design with optimized performance on mobile</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"  > Dashboards optimized for financial data readability</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"  > Research and discovery sessions with stakeholders</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-01732c2 elementor-widget elementor-widget-pxl_heading" data-id="01732c2" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-01732c2-7715" 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-7468eb2 elementor-widget elementor-widget-pxl_text_editor" data-id="7468eb2" 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">
                Finaipro            </span>
         is a fintech platform focused on <strong data-start="723" data-end="771">financial analytics and market data insights</strong>. The product helps users analyze complex financial information through dashboards, metrics, and predictive data models. As the platform evolved, the team needed to improve visual clarity, consistency, and scalability of the interface to better support data-heavy workflows.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-86c595e elementor-widget elementor-widget-pxl_divider" data-id="86c595e" 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-7bdcd11 elementor-widget elementor-widget-pxl_heading" data-id="7bdcd11" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-7bdcd11-4636" 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-53a4875 elementor-widget elementor-widget-pxl_text_editor" data-id="53a4875" 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 data-start="1069" data-end="1155">Users had to interpret <strong data-start="1092" data-end="1127">large volumes of financial data</strong> across multiple dashboards.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-4c1060c elementor-widget elementor-widget-pxl_heading" data-id="4c1060c" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-4c1060c-4545" 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 challenges included:	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-468762e elementor-widget elementor-widget-pxl_list" data-id="468762e" 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"  > Complex data visualization</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"  > Multiple financial indicators and metrics</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"  > Lack of visual consistency across the interface</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-a2dd9f0 elementor-widget elementor-widget-pxl_text_editor" data-id="a2dd9f0" 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 data-start="1069" data-end="1155">Without a structured system, the product risked becoming difficult to scale and harder for users to interpret.</p>		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-4e8baad elementor-widget elementor-widget-pxl_divider" data-id="4e8baad" 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-b2ab912 elementor-widget elementor-widget-pxl_heading" data-id="b2ab912" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-b2ab912-1821" 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 ">

							Product Designer Role	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-671eb73 elementor-widget elementor-widget-pxl_heading" data-id="671eb73" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-671eb73-7354" 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-3a03dbd elementor-widget elementor-widget-pxl_list" data-id="3a03dbd" 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"  > Designing the product design system</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 financial dashboards</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"  > Improving data visualization clarity</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"  > Establishing reusable UI 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"  > Research and obtain feedback from the Business, AI, Development, and Data teams</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-0c5986a elementor-widget elementor-widget-pxl_divider" data-id="0c5986a" 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-c7e2055 elementor-widget elementor-widget-image" data-id="c7e2055" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="683" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-DS-1024x683.webp" class="attachment-large size-large wp-image-9189" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-DS-1024x683.webp 1024w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-DS-300x200.webp 300w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-DS-768x512.webp 768w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-DS-1065x710.webp 1065w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-DS.webp 1200w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-0c3e73e elementor-widget elementor-widget-image" data-id="0c3e73e" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="683" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-btn-1024x683.webp" class="attachment-large size-large wp-image-9193" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-btn-1024x683.webp 1024w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-btn-300x200.webp 300w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-btn-768x512.webp 768w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-btn-1065x710.webp 1065w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-btn.webp 1200w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-0deb6ab elementor-widget elementor-widget-image" data-id="0deb6ab" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="683" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-access-1024x683.webp" class="attachment-large size-large wp-image-9197" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-access-1024x683.webp 1024w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-access-300x200.webp 300w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-access-768x512.webp 768w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-access-1065x710.webp 1065w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-access.webp 1200w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-fd6b67d elementor-widget elementor-widget-image" data-id="fd6b67d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="683" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-graph-1024x683.webp" class="attachment-large size-large wp-image-9201" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-graph-1024x683.webp 1024w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-graph-300x200.webp 300w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-graph-768x512.webp 768w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-graph-1065x710.webp 1065w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-graph.webp 1200w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-75a993b elementor-widget elementor-widget-image" data-id="75a993b" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
															<img loading="lazy" decoding="async" width="1024" height="683" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-stock-profile-1024x683.webp" class="attachment-large size-large wp-image-9205" alt="" srcset="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-stock-profile-1024x683.webp 1024w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-stock-profile-300x200.webp 300w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-stock-profile-768x512.webp 768w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-stock-profile-1065x710.webp 1065w, https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-stock-profile.webp 1200w" sizes="(max-width: 1024px) 100vw, 1024px" />															</div>
				<div class="elementor-element elementor-element-efb131b elementor-widget elementor-widget-pxl_heading" data-id="efb131b" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-efb131b-1316" 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-1117c4f elementor-widget elementor-widget-pxl_heading" data-id="1117c4f" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-1117c4f-5784" 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 design process focused on improving both visual consistency and usability for data-heavy interfaces. Steps included:	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-d86ae47 elementor-widget elementor-widget-pxl_list" data-id="d86ae47" 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) Analysis of financial data structures and user 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"  > 2) Creation of design tokens and color systems</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) Development of reusable UI components</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) Accessibility validation for financial dashboards</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) Responsive web design</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-b1a4d8a elementor-widget elementor-widget-pxl_divider" data-id="b1a4d8a" 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-6cbed50 elementor-widget elementor-widget-pxl_heading" data-id="6cbed50" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-6cbed50-1257" 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-6a7fe1b elementor-widget elementor-widget-pxl_heading" data-id="6a7fe1b" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-6a7fe1b-2435" 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 designed a scalable design system tailored for fintech applications. Key elements included:	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-0b45e2f elementor-widget elementor-widget-pxl_list" data-id="0b45e2f" 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"  > A consistent UI component library</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"  > Financial dashboards optimized for readability</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"  > Reusable interface patterns for data-heavy products</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"  > Structured color tokens for data visualization</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-8a6cafd elementor-widget elementor-widget-pxl_heading" data-id="8a6cafd" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-8a6cafd-7016" 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 ">

							This allowed the platform to maintain clarity, scalability, and consistency across the product.	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
				<div class="elementor-element elementor-element-ac88e33 elementor-widget elementor-widget-pxl_divider" data-id="ac88e33" 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-c146fba elementor-widget elementor-widget-pxl_heading" data-id="c146fba" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-c146fba-4110" 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-f8a7c92 elementor-widget elementor-widget-pxl_list" data-id="f8a7c92" 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"  > Improved interface consistency</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"  > Better financial data readability</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"  > A scalable design foundation for future product development</a>
                                    </div>

            </div>
            </div>
    				</div>
				</div>
				<div class="elementor-element elementor-element-8069b63 elementor-widget elementor-widget-pxl_divider" data-id="8069b63" 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-7bd5c59 elementor-widget elementor-widget-pxl_heading" data-id="7bd5c59" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-7bd5c59-4007" 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-aee56f0 elementor-widget elementor-widget-pxl_heading" data-id="aee56f0" data-element_type="widget" data-e-type="widget" data-widget_type="pxl_heading.default">
				<div class="elementor-widget-container">
					
<div id="pxl-pxl_heading-aee56f0-2851" 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 fintech products requires balancing data density and usability.
A well-structured design system can significantly improve how users interpret complex financial information while enabling faster product development.	
				

		</span>
		</h2>
		
	</div>
</div>				</div>
				</div>
					</div>
				</div>
				<div class="elementor-element elementor-element-3e36001 elementor-widget elementor-widget-pxl_image_carousel" data-id="3e36001" 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-6a0e1d72c7c6f" 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/2025/07/finaipro-navbar.webp" data-elementor-lightbox-slideshow="pxl-gallery-6a0e1d72c7c6f">
                                                <img loading="lazy" decoding="async" width="1200" height="800" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-navbar.webp" 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/2025/07/finaipro-gmv.webp" data-elementor-lightbox-slideshow="pxl-gallery-6a0e1d72c7c6f">
                                                <img loading="lazy" decoding="async" width="1200" height="800" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-gmv.webp" 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/2025/07/finaipro-sitemap2.webp" data-elementor-lightbox-slideshow="pxl-gallery-6a0e1d72c7c6f">
                                                <img loading="lazy" decoding="async" width="1200" height="1000" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-sitemap2.webp" 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/2025/07/finaipro-analysis.webp" data-elementor-lightbox-slideshow="pxl-gallery-6a0e1d72c7c6f">
                                                <img loading="lazy" decoding="async" width="1200" height="800" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/finaipro-analysis.webp" 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-b442eaa 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="b442eaa" data-element_type="container" data-e-type="container">			<div class="e-con-inner">
				<div class="elementor-element elementor-element-128e293 elementor-widget elementor-widget-pxl_testimonial_carousel" data-id="128e293" 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;:true,&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>"I worked with Jorge for almost two years and it was a very positive experience. He was responsible for the UI/UX design of the platform and consistently stood out for his willingness to listen, receive feedback, and use it effectively to continuously refine his proposals. His work on the design system was key in bringing greater consistency to the product. In addition to being a great professional, Jorge is a very pleasant and approachable person to work with."</p>
                                    </div>

                                    <div class="pxl--author">
                                        <div class="pxl-info--author">
                                                                                            <h6 class="pxl-item--title">Camilo Romero</h6>
                                                                                                                                        <div class="pxl-item--position">Tech Lead at Finaipro</div>
                                                                                    </div>

                                        <div class="pxl-item--image">
                                            <img loading="lazy" decoding="async" class="" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/Camilo.jpeg" width="400" height="400" alt="Camilo" title="Camilo" />                                        </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 had the opportunity to work with Jorge and can say with complete confidence that he is a highly committed, strategic, and results-oriented professional.

I would especially highlight his ability to transform business needs into clear and actionable solutions.

His discipline and continuous improvement mindset create real impact in projects. In addition, he is someone you can trust not only for his technical judgment but also for his human qualities."</p>
                                    </div>

                                    <div class="pxl--author">
                                        <div class="pxl-info--author">
                                                                                            <h6 class="pxl-item--title">René de Oro</h6>
                                                                                                                                        <div class="pxl-item--position">Product Owner at Finaipro</div>
                                                                                    </div>

                                        <div class="pxl-item--image">
                                            <img loading="lazy" decoding="async" class="" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/rene.jpeg" width="400" height="400" alt="rene" title="rene" />                                        </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 had the opportunity to work with Jorge and closely observe his professional approach to UX/UI design.

He is a professional with a solid background and a strategic vision of design, understanding that it goes far beyond the visual aspect. He has the ability to read both the market and the user, and translate that insight into clear, coherent proposals aligned with business objectives.

I am confident that he will bring great value to organizations where design is truly considered a strategic pillar."

</p>
                                    </div>

                                    <div class="pxl--author">
                                        <div class="pxl-info--author">
                                                                                            <h6 class="pxl-item--title">Omaira Blanco</h6>
                                                                                                                                        <div class="pxl-item--position">Financial Manager at Finaipro</div>
                                                                                    </div>

                                        <div class="pxl-item--image">
                                            <img loading="lazy" decoding="async" class="" src="https://www.jorgerivera.design/wp-content/uploads/2025/07/omaira.jpeg" width="400" height="400" alt="omaira" title="omaira" />                                        </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-123a136 elementor-widget elementor-widget-pxl_nav_post" data-id="123a136" 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/fluid-attacks-redesigning-a-cybersecurity-saas-platform-with-96-task-completion-rate/">Fluid Attacks — Redesigning a Cybersecurity SaaS Platform with 96% Task Completion Rate</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/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 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>
	</channel>
</rss>
