<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel="icon" href="/favicon.svg" type="image/svg+xml">
	<link rel="icon" href="/favicon.ico" sizes="any">
	<link rel="apple-touch-icon" href="/apple-touch-icon.png">
	<link rel="manifest" href="/site.webmanifest">
	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#2d8a5e">
	<meta name="theme-color" content="#3d7a5a" media="(prefers-color-scheme: light)">
	<meta name="theme-color" content="#2d8a5e" media="(prefers-color-scheme: dark)">
	<meta name="color-scheme" content="light dark">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta property="og:title" content="Ryan Feeley">
	<meta property="og:description" content="Personal website of Ryan Feeley">
	<meta property="og:image" content="https://ryanfeeley.com/og-image.jpg">
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://ryanfeeley.com/">
	<meta name="twitter:card" content="summary_large_image">
	<title>Ryan Feeley</title>
	<meta name="description" content="Personal website of Ryan Feeley">
	<link rel="canonical" href="https://ryanfeeley.com/">
	<script type="application/ld+json">
	{
		"@context": "https://schema.org",
		"@type": "WebSite",
		"name": "Ryan Feeley",
		"url": "https://ryanfeeley.com/"
	}
	</script>
	<link rel="stylesheet" href="shared/site.css">
</head>
<body>
<header class="hero">
	<div class="container hero-content">
		<div class="hero-pinback">
			<img src="assets/headshot-nick.jpg" alt="Ryan Feeley" class="hero-headshot" width="490" height="490"> 
		</div>
		<div class="hero-copy">
			<h1>
				Hi, I’m Ryan. 
			</h1>
			<p class="serif subtitle">
				I turn messy product problems into clear, usable systems. 
			</p>
		</div>
	</div>
</header>
<main class="home-main">
	<div class="container">
		<section class="section section-tight">
			<h2 class="serif section-heading">
				Currently 
			</h2>
			<div class="position">
				<span class="mono year">2024 – Present</span> 
				<div>
					<p class="item-title">
						<a href="https://viafoura.com/" target="_blank" rel="noopener noreferrer" class="company">Viafoura <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" /><polyline points="15 3 21 3 21 9" /><line x1="10" y1="14" x2="21" y2="3" /></svg></a> 
					</p>
					<p class="role">
						Principal Designer 
					</p>
				</div>
			</div>
		</section>
		<section class="section section-tight">
			<h2 class="serif section-heading">
				Previously 
			</h2>
			<div class="position">
				<span class="mono year">2021 – 2023</span> 
				<div>
					<p class="item-title">
						<a href="https://www.subskribe.com/" target="_blank" rel="noopener noreferrer" class="company">Subskribe Inc. <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" /><polyline points="15 3 21 3 21 9" /><line x1="10" y1="14" x2="21" y2="3" /></svg></a> 
					</p>
					<p class="role">
						Staff Designer 
					</p>
				</div>
			</div>
			<div class="position">
				<span class="mono year">2017 – 2020</span> 
				<div>
					<p class="item-title">
						<a href="https://mozilla.com/" target="_blank" rel="noopener noreferrer" class="company">Mozilla Corporation <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" /><polyline points="15 3 21 3 21 9" /><line x1="10" y1="14" x2="21" y2="3" /></svg></a> 
					</p>
					<p class="role">
						Staff Designer, Firefox Cloud Services 
					</p>
				</div>
			</div>
			<div class="position">
				<span class="mono year">2013 – 2017</span> 
				<div>
					<p class="item-title">
						<a href="https://mozilla.com/" target="_blank" rel="noopener noreferrer" class="company">Mozilla Corporation <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" /><polyline points="15 3 21 3 21 9" /><line x1="10" y1="14" x2="21" y2="3" /></svg></a> 
					</p>
					<p class="role">
						Senior Designer, Firefox Cloud Services 
					</p>
				</div>
			</div>
		</section>
		<section class="section">
			<h2 id="case-studies-heading" class="serif section-heading">
				Case Studies 
			</h2>
			<ul class="study-list" aria-labelledby="case-studies-heading">
				<li> 
				<p class="item-title">
					<a href="firefox-android-sync/index.html" class="study-link">Firefox Sync for Android <span class="star" aria-hidden="true">✦</span></a> 
				</p>
				<p>
					Reimagined a crucial feature for a net-new browser. 
				</p>
				</li>
				<li> 
				<p class="item-title">
					<a href="firefox-notes-addon/index.html" class="study-link">Firefox Notes Add-on <span class="star" aria-hidden="true">✦</span></a> 
				</p>
				<p>
					Launched a successful experiment that became an essential add-on. 
				</p>
				</li>
				<li> 
				<p class="item-title">
					<a href="firefox-accounts-ecosystem/index.html" class="study-link">Firefox Account Ecosystem <span class="star" aria-hidden="true">✦</span></a> 
				</p>
				<p>
					Grew this platform from 0 to 20M users. 
				</p>
				</li>
				<li> 
				<p class="item-title">
					<a href="firefox-send-tab/index.html" class="study-link">Firefox Send Tab <span class="star" aria-hidden="true">✦</span></a> 
				</p>
				<p>
					Championed a feature that doubled the retention of its users. 
				</p>
				</li>
				<li> 
				<p class="item-title">
					<a href="subskribe-saas-order-experience/index.html" class="study-link">Subskribe SaaS Order Experience <span class="star" aria-hidden="true">✦</span></a> 
				</p>
				<p>
					Garnered acclaim for industry-leading usability. 
				</p>
				</li>
				<li> 
				<p class="item-title">
					<a href="firefox-preferences-redesign/index.html" class="study-link">Firefox Preferences Redesign <span class="star" aria-hidden="true">✦</span></a> 
				</p>
				<p>
					User-centered design improved user success by 30%. 
				</p>
				</li>
				<li> 
				<p class="item-title">
					<a href="firefox-feud-game/index.html" class="study-link">Firefox Feud Game <span class="star" aria-hidden="true">✦</span></a> 
				</p>
				<p>
					Created a survey-driven game to help the organization think more like the user. 
				</p>
				</li>
				<li> 
				<p class="item-title">
					<a href="firefox-password-doorhanger/index.html" class="study-link">Firefox Password Doorhanger <span class="star" aria-hidden="true">✦</span></a> 
				</p>
				<p>
					An interface so nice other browsers copied it twice. 
				</p>
				</li>
				<li> 
				<p class="item-title">
					<a href="firefox-sync-reboot/index.html" class="study-link">Firefox Sync Reboot <span class="star" aria-hidden="true">✦</span></a> 
				</p>
				<p>
					10×ed the number of users in 1/10ᵀᴴ the time. 
				</p>
				</li>
				<li> 
				<p class="item-title">
					<a href="portlandia-season-3/index.html" class="study-link">Portlandia Season 3 <span class="star" aria-hidden="true">✦</span></a> 
				</p>
				<p>
					Pioneering parallax pulled props and a prize. 
				</p>
				</li>
				<li> 
				<p class="item-title">
					<a href="toronto-public-library-catalog-redesign/index.html" class="study-link">Toronto Public Library <span class="star" aria-hidden="true">✦</span></a> 
				</p>
				<p>
					A major redesign that reduced support call volume. 
				</p>
				</li>
			</ul>
		</section>
		<section class="section">
			<h2 class="serif section-heading">
				Testimonials 
			</h2>
			<blockquote class="testimonial-quote">
				<div class="testimonial-copy">
					<p>
						“There are always discussions and compromises when it comes to ideal vs practical UX when working between UX/PM/Eng, but Ryan was able to continually navigate the trade-offs with superior UX design that kept the end-user in mind. I'd recommend Ryan to any org looking for an experienced designer.” 
					</p>
					<footer>
						<strong>John Medeiros</strong><span>— Product Manager, Subskribe</span> 
					</footer>
				</div>
				<img src="assets/subskribe-logo.png" alt="Subskribe logo" class="testimonial-logo testimonial-logo-subskribe" width="339" height="340"> 
			</blockquote>
			<blockquote class="testimonial-quote">
				<div class="testimonial-copy">
					<p>
						“Ryan is a data-driven product designer who has a gift for making functional experiences. He becomes so familiar with the product experience that he tends to be the person who files the most bugs. He pushes the entire team to empathize with the user.” 
					</p>
					<footer>
						<strong>Alex Davis</strong><span>— Product Manager, Mozilla</span> 
					</footer>
				</div>
				<img src="assets/firefox-logo.png" alt="Firefox logo" class="testimonial-logo testimonial-logo-firefox" width="1200" height="1247"> 
			</blockquote>
		</section>
	</div>
</main>
<footer class="site-footer">
	<div class="container site-footer-content">
		<div class="footer-column">
			<h2 class="serif footer-heading">
				Contact 
			</h2>
			<ul class="footer-links">
				<li><a href="https://www.linkedin.com/in/ryanfeeley/" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M4.98 3.5C4.98 4.88 3.87 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1 4.98 2.12 4.98 3.5ZM5 8H0V24H5V8ZM13 8H8.02V24H13V15.6C13 10.93 19 10.55 19 15.6V24H24V13.87C24 5.99 15.08 6.28 13 10.15V8Z" /></svg><span>LinkedIn</span></a></li>
				<li><a href="/cdn-cgi/l/email-protection#ed85849f948c83ad9f948c838b8888818894c38e8280d29e988f87888e99d0ba888f9e849988c8dfddbf889c98889e99cb8f828994d0a584c8dfddbf948c83c1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2" /><path d="m22 7-10 7L2 7" /></svg><span>Email</span></a></li>
				<li><a href="https://bsky.app/profile/ryanfeeley.com" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M5.74 3.56c2.14 1.6 4.44 4.84 6.26 8.03 1.82-3.19 4.12-6.43 6.26-8.03 1.54-1.15 4.04-2.04 4.04.8 0 .57-.33 4.82-.52 5.5-.66 2.38-3.06 2.99-5.2 2.62 3.74.64 4.69 2.75 2.63 4.86-3.92 4.04-5.63-1.01-6.07-2.3-.08-.24-.12-.35-.16-.35s-.08.11-.16.35c-.44 1.29-2.15 6.34-6.07 2.3-2.06-2.11-1.11-4.22 2.63-4.86-2.14.37-4.54-.24-5.2-2.62-.19-.68-.52-4.93-.52-5.5 0-2.84 2.5-1.95 4.04-.8Z" /></svg><span>BlueSky</span></a></li>
			</ul>
		</div>
		<div class="footer-column footer-meta">
			<p>
				&copy; <span data-current-year>2026</span> Ryan Feeley 
			</p>
		</div>
	</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
	(function () {
	  var year = document.querySelector('[data-current-year]');
	  if (year) year.textContent = new Date().getFullYear();
	}());
</script>
</body>
</html>
