<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title>Susan Lin</title>
	<subtitle>Hi there. I&#39;m Susan, a Principal Product Designer, currently at Crunchyroll focusing on acquisition, memberships, &amp; partnerships. I design systems that convert visitors into subscribers, subscribers into loyal fans. I lead growth at scale across horizontal initiatives. As a Founder, I built and am exiting my mechanical keyboards DTC brand, Mintlodica.</subtitle>
	
	<link href="https://design.bysusanlin.com/feed/" rel="self"/>
	<link href="https://design.bysusanlin.com"/>
	<updated>2026-04-15T02:47:13Z</updated>
	<id>https://design.bysusanlin.com</id>
	<author>
		<name>Susan Lin</name>
	</author>
	
	<entry>
		<title></title>
		<link href="https://design.bysusanlin.com/cloudflare/"/>
		<updated>2026-04-15T02:47:13Z</updated>
		<id>https://design.bysusanlin.com/cloudflare/</id>
		<content type="html">&lt;!--PROTECT--&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/cloudflare_1final.webp&quot; loading=&quot;eager&quot; width=&quot;1608&quot; height=&quot;825&quot; /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h1&gt;Fixing conversion to serve 2 billion requests at Cloudflare&lt;/h1&gt;
&lt;p&gt;&lt;a href=&quot;https://cloudflare.com/&quot;&gt;Cloudflare&lt;/a&gt; secures websites and manages billions of domains.&lt;/p&gt;
&lt;p&gt;As &lt;em&gt;Product Design Lead&lt;/em&gt; (2018-2019), I led the design of acquisition, conversion, and onboarding experiences in collaboration with a team of senior designers. I helped secure 21% more websites, all without sacrificing revenue.&lt;/p&gt;
&lt;h2&gt;A conversion funnel which leaked at every step&lt;/h2&gt;
&lt;p&gt;Cloudflare&#39;s product suite offered the industry&#39;s best security, securing 2 billion requests a month. Unfortunately, it became intimidating for most to navigate.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;65% of users&lt;/strong&gt; would &lt;em&gt;never&lt;/em&gt; finish onboarding. &lt;strong&gt;81% of subscribers&lt;/strong&gt; would downgrade to the Free Plan within 1 month of sign-up.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/cloudflare_2flow.webp&quot; loading=&quot;lazy&quot; width=&quot;1618&quot; height=&quot;1163&quot; /&gt;
&lt;h2&gt;Conducting discovery across 5 product teams&lt;/h2&gt;
&lt;p&gt;As the Design Lead, I took on the first steps to revamp Onboarding.&lt;/p&gt;
&lt;p&gt;The discovery process involved partnering with 5 cross-functional teams. This ensured all major product entry points were considered.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/cloudflare_3sketch.webp&quot; loading=&quot;lazy&quot; width=&quot;2000&quot; height=&quot;1558&quot; /&gt;
&lt;br /&gt;
&lt;p&gt;The results of these workshops were a &lt;em&gt;vision&lt;/em&gt; for user onboarding. I used my favorite triage system to rank a list of &lt;em&gt;Low(er) Effort yet High Impact&lt;/em&gt; deliverables.&lt;/p&gt;
&lt;p&gt;Between workshops, I user tested our concepts to further vet their saliency.&lt;/p&gt;
&lt;h2&gt;Shipping conversion gains without sacrificing revenue&lt;/h2&gt;
&lt;p&gt;These Low(er) Effort yet High Impact updates shipped in the &lt;em&gt;same quarter&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;Changes to &lt;em&gt;Add Site&lt;/em&gt; and &lt;em&gt;Plan Selection&lt;/em&gt; increased completion while preserving paid sign-ups. &lt;strong&gt;21% more users finished onboarding&lt;/strong&gt; with defaults securing their websites.&lt;/p&gt;
&lt;p&gt;I partnered with Engineering to A/B tested all changes to ensure revenue was not affected.&lt;/p&gt;
&lt;br /&gt;
&lt;video autoplay=&quot;&quot; loop=&quot;&quot; muted=&quot;&quot; playsinline=&quot;&quot; width=&quot;1500&quot; height=&quot;986&quot; style=&quot;width: 100%; height: auto;&quot;&gt;
  &lt;source src=&quot;https://design.bysusanlin.com/images/cloudflare_4onboarding.mp4&quot; type=&quot;video/mp4&quot; /&gt;
&lt;/video&gt;
&lt;h2&gt;Scaling the design team to match the opportunity&lt;/h2&gt;
&lt;p&gt;Now that users were receiving Cloudflare&#39;s value, I focused my attention internally.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/cloudflare_5flow_new.webp&quot; loading=&quot;lazy&quot; width=&quot;1998&quot; height=&quot;616&quot; /&gt;
&lt;br /&gt;
&lt;p&gt;I directed critical &lt;em&gt;Higher Effort, Higher Impact&lt;/em&gt; deliverables which required executive stakeholder buy-in and a collaboration with 3 Senior Product Designers. The company delivered &lt;strong&gt;372 deliverables&lt;/strong&gt; in the following 3 quarters.&lt;/p&gt;
&lt;p&gt;Designs I had a part in guiding included: Navigation, Workers, and Registrar.&lt;/p&gt;
&lt;p&gt;✵&lt;/p&gt;
&lt;hr /&gt;
&lt;h1&gt;Sharing the case for Integrative Thinking&lt;/h1&gt;
&lt;p&gt;Inspired by the dualities of leading and designing, I wrote &lt;a href=&quot;https://womentalkdesign.com/talks/leading-with-integrative-thinking/&quot;&gt;Leading with Integrative Thinking&lt;/a&gt;. I presented at conferences including Refactr.Tech and Women TechMakers.&lt;/p&gt;
&lt;p&gt;My thoughts were also featured on &lt;a href=&quot;https://www.casestudy.club/interviews/susan-lin&quot;&gt;Case Study Club&lt;/a&gt; and &lt;a href=&quot;https://mymorningroutine.com/susan-lin/&quot;&gt;My Morning Routine&lt;/a&gt;.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/cloudflare_6talk.webp&quot; loading=&quot;lazy&quot; width=&quot;1500&quot; height=&quot;843&quot; /&gt;
&lt;p&gt;&lt;code&gt;On stage at Women TechMakers Montreal, 2019.&lt;/code&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;&amp;quot;&lt;em&gt;I had the privilege of working with Susan at Cloudflare and in the past, and I cannot speak highly enough of her. Susan&#39;s exceptional skills in product design and team management make her a valuable asset.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;She excels in ideating and bringing ideas to life, and her web engineering skills allow her to create efficient design systems. Her strong ability to support her team was demonstrated through the introduction of the thematic 1:1 format, which had a positive impact on her team&#39;s professional growth.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;I highly recommend Susan for any product design or management role. She is a talented individual who will bring a unique skill set and a strong work ethic to any team.&lt;/em&gt;&amp;quot;&lt;/p&gt;
&lt;br /&gt;
&lt;p&gt;—&lt;a href=&quot;https://www.yuemaggie.com/&quot;&gt;Maggie Yue&lt;/a&gt;, Senior Designer&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;a href=&quot;https://design.bysusanlin.com/healthcaregov&quot; class=&quot;tdbc-button&quot;&gt;Next Case Study →&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://design.bysusanlin.com/healthcaregov&quot;&gt;Simplifying HealthCare.gov for 30 million Americans&lt;/a&gt;&lt;/p&gt;
</content>
	</entry>
	
	<entry>
		<title></title>
		<link href="https://design.bysusanlin.com/crunchyroll/"/>
		<updated>2026-04-15T02:47:13Z</updated>
		<id>https://design.bysusanlin.com/crunchyroll/</id>
		<content type="html">&lt;!--PROTECT--&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/crunchyroll_1final.webp&quot; loading=&quot;eager&quot; width=&quot;1625&quot; height=&quot;825&quot; /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h1&gt;Cross-platform Growth Strategy at Crunchyroll&lt;/h1&gt;
&lt;p&gt;&lt;a href=&quot;https://www.crunchyroll.com/&quot;&gt;Crunchyroll&lt;/a&gt; is the world&#39;s largest anime streaming platform.&lt;/p&gt;
&lt;p&gt;As &lt;em&gt;Principal Product Designer&lt;/em&gt; (since 2023), I lead design strategy across the acquisition, membership, and partnerships teams. My biggest win: &lt;strong&gt;$56 million&lt;/strong&gt; in revenue, &lt;strong&gt;13%&lt;/strong&gt; more Free Trial starts, and &lt;strong&gt;33%&lt;/strong&gt; new accounts created.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Note&lt;/strong&gt;: &lt;em&gt;My work for Crunchyroll Store &amp;amp; a user onboarding North Star concept are under NDA. I&#39;d love to show you more in a private setting.&lt;/em&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/crunchyroll_2tv.webp&quot; loading=&quot;lazy&quot; width=&quot;3258&quot; height=&quot;1880&quot; /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;p&gt;My contributions span horizontal initiatives connecting sign-up, plan selection, and onboarding across web, mobile, and TV. I shipped 1P and 3P subscription experiences, plus partner launches on Verizon, Samsung, and PlayStation.&lt;/p&gt;
&lt;h2&gt;Creating plan clarity that generated $56M in the first month&lt;/h2&gt;
&lt;p&gt;When free feels good enough, there&#39;s no reason to convert. I delivered the global gated homepage, an acquisition experience which gave users a clear reason to start a Free Trial.&lt;/p&gt;
&lt;p&gt;This experiment directly influenced the executive decision to remove the AVOD (free ad-supported) tier entirely. A fundamental shift in Crunchyroll&#39;s pricing strategy across NA, EMEA, SEA, and LATAM.&lt;/p&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/crunchyroll_3mia.webp&quot; loading=&quot;lazy&quot; width=&quot;3064&quot; height=&quot;1763&quot; /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;p&gt;What may seem like an obvious win required facilitating alignment across product, engineering, and executive stakeholders. I championed evidence to overcome hesitations around removing a tier that had existed since launch.&lt;/p&gt;
&lt;p&gt;&lt;em&gt;The results&lt;/em&gt;. &lt;strong&gt;$56 million&lt;/strong&gt; in revenue, &lt;strong&gt;13%&lt;/strong&gt; more Free Trial starts, and &lt;strong&gt;33%&lt;/strong&gt; new accounts created. (It was worth repeating.)&lt;/p&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/crunchyroll_4sketches.webp&quot; loading=&quot;lazy&quot; width=&quot;2050&quot; height=&quot;1349&quot; /&gt;
&lt;h2&gt;Designing for Lifetime Value not just Acquisition&lt;/h2&gt;
&lt;p&gt;Conversion is only the beginning. I drove retention and lifecycle initiatives across Crunchyroll&#39;s membership suite: Manga, Games, and Store.&lt;/p&gt;
&lt;p&gt;Experiments in the cancellation rescue flow recovered &lt;strong&gt;4.35%&lt;/strong&gt; of attempts, exceeding targets by &lt;strong&gt;4x&lt;/strong&gt;. New lifecycle surfaces, such as &lt;a href=&quot;https://www.crunchyroll.com/premium/manga/&quot;&gt;Manga&lt;/a&gt;, acquired &lt;strong&gt;264k subscribers&lt;/strong&gt; in the first month.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/crunchyroll_5wb.webp&quot; loading=&quot;lazy&quot; width=&quot;1556&quot; height=&quot;837&quot; /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;p&gt;I created a new cross-organization partnership with the lifecycle marketing team. We extended the tech team&#39;s design system into their email templates and push notifications. This required aligning with their existing workflows without disrupting them.&lt;/p&gt;
&lt;p&gt;I&#39;m currently leading the Store redesign, where we will connect the viewer experience to storytelling via commerce. Our aim is to deepen the value proposition for subscribers. &lt;code&gt;Details under NDA.&lt;/code&gt;&lt;/p&gt;
&lt;h2&gt;A winning North Star concept to engage fans&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;41M users&lt;/strong&gt; who start a Free Trial never came back. To address this gap, I created a concept (&lt;em&gt;patent application in progress&lt;/em&gt;) for personalized user onboarding and discovery. My Hackathon team placed &lt;strong&gt;Top 3&lt;/strong&gt; out of 38 teams. &lt;code&gt;Details under NDA.&lt;/code&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;div class=&quot;video-container-mobile&quot;&gt;
  &lt;video width=&quot;auto&quot; height=&quot;65vh&quot; loading=&quot;lazy&quot; autoplay=&quot;&quot; loop=&quot;&quot; muted=&quot;&quot; playsinline=&quot;&quot;&gt;
    &lt;source src=&quot;https://design.bysusanlin.com/images/crunchyroll_6discovery.mp4&quot; type=&quot;video/mp4&quot; /&gt;
  &lt;/video&gt;
&lt;/div&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/crunchyroll_7hackathon.webp&quot; loading=&quot;lazy&quot; width=&quot;1638&quot; height=&quot;874&quot; /&gt;
&lt;br /&gt;
&lt;p&gt;✵&lt;/p&gt;
&lt;hr /&gt;
&lt;h1&gt;Featured by Figma for scaling systems across platforms&lt;/h1&gt;
&lt;p&gt;Figma featured Crunchyroll&#39;s Design-Dev Workflow on their blog &amp;quot;Shortcut&amp;quot;, where I spoke about our systems-level approach &lt;a href=&quot;https://www.figma.com/blog/crunchyroll-dev-mode/&quot;&gt;saving 146 hours per project&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;I later co-produced a panel with the Crunchyroll PR team about &lt;a href=&quot;https://events.figma.com/crunchyrollwebinarondemand&quot;&gt;leveraging design systems at scale&lt;/a&gt;.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/crunchyroll_8figma.webp&quot; loading=&quot;lazy&quot; width=&quot;2662&quot; height=&quot;1754&quot; /&gt;
&lt;hr /&gt;
&lt;p&gt;&amp;quot;&lt;em&gt;I wouldn’t have been able to sustain the momentum and success we were able to achieve without Susan’s contributions. Everything from providing coverage for me for the team during conflicts, to being a background performer silently delivering on our company’s OKR’s, Susan is hands down a catalyst in all aspects of team performance.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Without her, we wouldn’t have been able to ship our biggest and most impactful split test, fundamentally changing the history of how we do acquisition, and the crowning jewel of all of our experiments, which is a 30% sustained lift in conversion.&lt;/em&gt;&amp;quot;&lt;/p&gt;
&lt;br /&gt;
&lt;p&gt;—&lt;a href=&quot;https://www.jameshsu.com/&quot;&gt;James Hsu&lt;/a&gt;, Head of Design, Acquisition &amp;amp; Monetization&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;a href=&quot;https://design.bysusanlin.com/mintlodica&quot; class=&quot;tdbc-button&quot;&gt;Next Case Study →&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://design.bysusanlin.com/mintlodica&quot;&gt;Building a DTC brand from $0 to $1.26M&lt;/a&gt;&lt;/p&gt;
</content>
	</entry>
	
	<entry>
		<title></title>
		<link href="https://design.bysusanlin.com/healthcaregov/"/>
		<updated>2026-04-15T02:47:13Z</updated>
		<id>https://design.bysusanlin.com/healthcaregov/</id>
		<content type="html">&lt;!--PROTECT--&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/hcgov_1final.webp&quot; loading=&quot;eager&quot; width=&quot;1608&quot; height=&quot;825&quot; /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h1&gt;Simplifying HealthCare.gov for 30 million Americans&lt;/h1&gt;
&lt;p&gt;Millions apply for care using &lt;a href=&quot;https://healthcare.gov/&quot;&gt;HealthCare.gov&lt;/a&gt; every year.&lt;/p&gt;
&lt;p&gt;As &lt;em&gt;Product Design Lead&lt;/em&gt; (2017-2018), I led the design of the Re-enrollment + Citizenship sections. This role involved collaborating across 2 timezones and with government stakeholders.&lt;/p&gt;
&lt;h2&gt;Mapping decades of policy into a design framework&lt;/h2&gt;
&lt;p&gt;This isn’t your regular online form. Decades of policy constrain technical design decisions. Additionally, there are implications connected to the collection of sensitive information.&lt;/p&gt;
&lt;p&gt;Together with the Product &amp;amp; Design Teams, we mapped out the policy flowchart.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/hcgov_2flow.webp&quot; loading=&quot;lazy&quot; width=&quot;1875&quot; height=&quot;1715&quot; /&gt;
&lt;h2&gt;Designing the shortest path for 21.9 million re-enrollees&lt;/h2&gt;
&lt;p&gt;In 2017, there were 21.9 million re-enrollee applicants.&lt;/p&gt;
&lt;p&gt;To bypass a lengthy process, I designed a flow for re-enrollees who had no life changes. This became the basis of our &lt;em&gt;Filter Question&lt;/em&gt; design pattern.&lt;/p&gt;
&lt;br /&gt;
&lt;video autoplay=&quot;&quot; loop=&quot;&quot; muted=&quot;&quot; playsinline=&quot;&quot; width=&quot;1500&quot; height=&quot;1042&quot; style=&quot;width: 100%; height: auto;&quot;&gt;
  &lt;source src=&quot;https://design.bysusanlin.com/images/hcgov_3household.mp4&quot; type=&quot;video/mp4&quot; /&gt;
&lt;/video&gt;
&lt;br /&gt;
&lt;p&gt;Filter Questions guide most users to the simplest flow and prevent critical omissions. During user testing, we observed mistakes such as deleting themselves from their application! A correlated &lt;strong&gt;16%&lt;/strong&gt; decrease in Support Center Calls measured our success.&lt;/p&gt;
&lt;h2&gt;One pattern, two experiences: serving 26.7 million citizens and 3.3 million immigrants&lt;/h2&gt;
&lt;p&gt;89% of all applicants saved hours by skipping dozens of immigration follow-up questions. This pattern meant most 26.7 million users skipped &lt;strong&gt;13 out of 14&lt;/strong&gt; decision point questions, which caused the most fatigue.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/hcgov_4ssn.webp&quot; loading=&quot;lazy&quot; width=&quot;2600&quot; height=&quot;1150&quot; /&gt;
&lt;br /&gt; 
&lt;p&gt;The remaining 3.3 million immigrants are now guided with care through a tense section. Each question communicated the why and what happens next using Progressive Disclosure. The stakes are high. The application should never allow the user to attest to being an illegal immigrant.&lt;/p&gt;
&lt;br /&gt;
&lt;h2&gt;Designing with empathy at the highest stakes&lt;/h2&gt;
&lt;p&gt;Through user testing, I saw users abandon their applications due to heightened emotions. So I took the extra step and crafted content guidelines to handle sensitive situations.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/hcgov_5sex.webp&quot; loading=&quot;lazy&quot; width=&quot;1850&quot; height=&quot;896&quot; /&gt;
&lt;br /&gt;
&lt;p&gt;Considerations include only asking for what&#39;s needed to process the application. We made sure the copy was as empathetic as possible. For example, those who had to &lt;em&gt;remove a household member&lt;/em&gt; met compassion. And those who needed to &lt;em&gt;disclose their biological sex&lt;/em&gt; saw a more humane experience.&lt;/p&gt;
&lt;p&gt;✵&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;&amp;quot;&lt;em&gt;Susan was a critical member of our design team as we worked on the new eligibility application for HealthCare.gov. Her efforts on early design patterns and UI guidelines helped lay the key foundations of the application’s design.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Additionally, Susan’s unique blend of skills and talents enabled her to effectively lead design initiatives that moved us forward as a team. Her unique perspective helped us to develop further sensitivity and empathy across all of our work.&amp;quot;&lt;/em&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;p&gt;–&lt;a href=&quot;https://heyitsolivia.com/&quot;&gt;Olivia Cheng&lt;/a&gt;, Design Manager&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;a href=&quot;https://design.bysusanlin.com/treehouse&quot; class=&quot;tdbc-button&quot;&gt;Next Case Study →&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://design.bysusanlin.com/treehouse&quot;&gt;Re-engaging 146,000 students on Treehouse&lt;/a&gt;&lt;/p&gt;
</content>
	</entry>
	
	<entry>
		<title></title>
		<link href="https://design.bysusanlin.com/mintlodica/"/>
		<updated>2026-04-15T02:47:13Z</updated>
		<id>https://design.bysusanlin.com/mintlodica/</id>
		<content type="html">&lt;!--PROTECT--&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/ml_1final.webp&quot; loading=&quot;eager&quot; width=&quot;1625&quot; height=&quot;825&quot; /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h1&gt;Building a DTC brand from $0 to $1.26M&lt;/h1&gt;
&lt;p&gt;Founded in 2019, &lt;a href=&quot;https://mintlodica.com/&quot;&gt;Mintlodica&lt;/a&gt; is my bootstrapped mechanical keyboard brand.&lt;/p&gt;
&lt;p&gt;This entrepreneurial experience sharpened my ability to balance user needs, business constraints, and creative vision under real financial pressure:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;$1.26M&lt;/strong&gt; in lifetime revenue. &lt;strong&gt;7k orders&lt;/strong&gt; shipped. &lt;strong&gt;23.41%&lt;/strong&gt; returning customer rate. 2 A-List celebrity moments. Brand acquisition in progress.&lt;/p&gt;
&lt;h2&gt;Designing every layer of the commerce lifecycle&lt;/h2&gt;
&lt;p&gt;I built the brand identity, ecommerce storefront, and purchase experience from scratch. Every positioning and pricing decision was mine. It started with rough drafts and rapid rounds of user surveys to hone in on what became a best seller.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/ml_2survey.webp&quot; loading=&quot;lazy&quot; width=&quot;1272&quot; height=&quot;729&quot; /&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/ml_3magicgirl.webp&quot; loading=&quot;lazy&quot; width=&quot;1500&quot; height=&quot;844&quot; /&gt;
&lt;p&gt;&lt;code&gt;This keyboard is now owned by Simu Liu.&lt;/code&gt;&lt;/p&gt;
&lt;h2&gt;Sparking a movement with Magic Girl&lt;/h2&gt;
&lt;p&gt;My debut keycap design, &lt;a href=&quot;https://mintlodica.com/collections/magic-girl&quot;&gt;Magic Girl&lt;/a&gt;, sparked a movement and proved the market for cute femme keyboards existed. The product-market fit was immediate and I had to pursue what was next.&lt;/p&gt;
&lt;p&gt;What started as a single product became a full operation with namesake collections: &lt;a href=&quot;https://mintlodica.com/collections/witch-girl&quot;&gt;Witch Girl&lt;/a&gt;, &lt;a href=&quot;https://mintlodica.com/collections/pastel-dreams&quot;&gt;Pastel Dreams&lt;/a&gt;, and &lt;a href=&quot;https://mintlodica.com/collections/sad-girl&quot;&gt;Sad Girl&lt;/a&gt;. Each rooted in a distinct creative vision that carried through from product conception to the storytelling in the online collection.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/ml_4event.webp&quot; loading=&quot;lazy&quot; width=&quot;1206&quot; height=&quot;734&quot; /&gt;
&lt;p&gt;&lt;code&gt;Mintlodica × Shopify keyboard meet-up.&lt;/code&gt;&lt;/p&gt;
&lt;h2&gt;Paving the way for lasting loyalty and fandom&lt;/h2&gt;
&lt;p&gt;I grew &lt;a href=&quot;https://discord.gg/cutekeyboardclub&quot;&gt;CuteKeyboard.Club&lt;/a&gt;, my Discord Partner server, to &lt;strong&gt;7.5k members&lt;/strong&gt;. This community became a core driver of the brand&#39;s equity, with value that extends beyond the physical products.&lt;/p&gt;
&lt;p&gt;Thousands have credited Mintlodica as the reason they felt welcomed to the mechanical keyboard hobby. &lt;em&gt;The brand is now in due diligence for acquisition&lt;/em&gt;.&lt;/p&gt;
&lt;p&gt;✵&lt;/p&gt;
&lt;!--
___

&quot;_When I was first introduced to mechanical keyboards years and years ago, I couldn&#39;t find any keysets in the market that spoke to me - until someone showed me a picture of Mintlodica&#39;s Magic Girl keycaps!_

_Since then, Mintlodica continues to release fresh, cohesive, and unique designs that are not only inclusive, but also speak to me as a woman and longtime nerd._

_I&#39;ve participated in multiple pre-orders and each time, Mintlodica never fails to deliver an outstanding and special product that I&#39;m excited to have on my desk._&quot;

&lt;br&gt;

—[Yvonne](https://mintlodica.com/pages/testimonials-reviews-community-praise), Fan &amp;amp; Community Moderator

--&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;a href=&quot;https://design.bysusanlin.com/cloudflare&quot; class=&quot;tdbc-button&quot;&gt;Next Case Study →&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://design.bysusanlin.com/cloudflare&quot;&gt;Fixing conversion to serve 2 billion requests at Cloudflare&lt;/a&gt;&lt;/p&gt;
</content>
	</entry>
	
	<entry>
		<title></title>
		<link href="https://design.bysusanlin.com/treehouse/"/>
		<updated>2026-04-15T02:47:13Z</updated>
		<id>https://design.bysusanlin.com/treehouse/</id>
		<content type="html">&lt;!--PROTECT--&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/treehouse_1final.webp&quot; loading=&quot;eager&quot; width=&quot;1608&quot; height=&quot;825&quot; /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h1&gt;Re-engaging 146,000 students on Treehouse&lt;/h1&gt;
&lt;p&gt;&lt;a href=&quot;https://teamtreehouse.com/&quot;&gt;Treehouse&lt;/a&gt; is an online code school serving hundred of thousands of students.&lt;/p&gt;
&lt;p&gt;As &lt;em&gt;Senior Product Designer&lt;/em&gt; (2015-2016), I led the lifecycle design of consumer products and enterprise tools. Designers at Treehouse also shipped production ready HTML/CSS.&lt;/p&gt;
&lt;h2&gt;Replacing a manual sales bottleneck with self-serve onboarding&lt;/h2&gt;
&lt;p&gt;Treehouse had an ambitious enterprise growth target. Their biggest blocker was the manual onboarding process. I conducted user studies with the sales team to better understand their blockers.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/treehouse_2orgschart.webp&quot; loading=&quot;lazy&quot; width=&quot;3658&quot; height=&quot;1410&quot; /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;p&gt;The result was a system which automatically onboarded the majority of B2B users. I helped &lt;strong&gt;24 enterprise users&lt;/strong&gt; join using the self-serve experience in the &lt;em&gt;same quarter&lt;/em&gt;.&lt;/p&gt;
&lt;br /&gt;
&lt;video autoplay=&quot;&quot; loop=&quot;&quot; muted=&quot;&quot; playsinline=&quot;&quot; width=&quot;1500&quot; height=&quot;987&quot; style=&quot;width: 100%; height: auto;&quot;&gt;
  &lt;source src=&quot;https://design.bysusanlin.com/images/treehouse_3orgs.mp4&quot; type=&quot;video/mp4&quot; /&gt;
&lt;/video&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/treehouse_4emails.webp&quot; loading=&quot;lazy&quot; width=&quot;1826&quot; height=&quot;1461&quot; /&gt;
&lt;br /&gt;
&lt;h2&gt;Using existing surfaces to solve a retention crisis&lt;/h2&gt;
&lt;p&gt;Through user studies and later backed up by data, I noticed &lt;strong&gt;81% of new sign-ups never returned&lt;/strong&gt;.&lt;/p&gt;
&lt;p&gt;I created an onboarding flow using existing features. These &lt;em&gt;Gamification for Good&lt;/em&gt; changes motivated students using psychological principles. The proposal asked them to capture their goals and free time slots. I worked with Engineers to conduct A/B tests to measure the impact of these steps.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/treehouse_5system.webp&quot; loading=&quot;lazy&quot; width=&quot;1769&quot; height=&quot;1180&quot; /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;p&gt;My designs were built on existing email, dashboard, and notification components. These simple, yet high impact, changes brought 146,000 returning user logins. All &lt;em&gt;without&lt;/em&gt; added engineering scope.&lt;/p&gt;
&lt;p&gt;This reinforced a principle I&#39;ve carried forward. &lt;strong&gt;The most impactful retention design often isn&#39;t a new feature, it&#39;s a better use of surfaces that already exist.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;✵&lt;/p&gt;
&lt;hr /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/treehouse_6badges.webp&quot; loading=&quot;lazy&quot; width=&quot;1710&quot; height=&quot;875&quot; /&gt;
&lt;br /&gt;
&lt;p&gt;Those familiar with Treehouse may recognize the iconic badge collection. I illustrated a few!&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;&amp;quot;&lt;em&gt;Susan is a thoughtful designer, curious problem solver and kind teammate. One of my favorite things about Susan’s design philosophy is she does not settle for the obvious. Susan is committed to understanding the problems she is solving, exploring new ideas and delivering quality work. Any team would benefit from her design talent and winsome spirit.&lt;/em&gt;&amp;quot;&lt;/p&gt;
&lt;br /&gt;
&lt;p&gt;—&lt;a href=&quot;http://mstrick.com/&quot;&gt;Matthew Strickland&lt;/a&gt;, Engineering Manager&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;&lt;a href=&quot;https://design.bysusanlin.com/trulia&quot; class=&quot;tdbc-button&quot;&gt;Next Case Study →&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href=&quot;https://design.bysusanlin.com/trulia&quot;&gt;Founding the Design System that scaled Trulia search&lt;/a&gt;&lt;/p&gt;
</content>
	</entry>
	
	<entry>
		<title></title>
		<link href="https://design.bysusanlin.com/trulia/"/>
		<updated>2026-04-15T02:47:13Z</updated>
		<id>https://design.bysusanlin.com/trulia/</id>
		<content type="html">&lt;!--PROTECT--&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/trulia_1final.webp&quot; loading=&quot;eager&quot; width=&quot;1608&quot; height=&quot;825&quot; /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h1&gt;Founding the Design System that scaled Trulia search&lt;/h1&gt;
&lt;p&gt;&lt;a href=&quot;https://trulia.com/&quot;&gt;Trulia&lt;/a&gt; searches homes for millions every month.&lt;/p&gt;
&lt;p&gt;As &lt;em&gt;Senior Product Designer&lt;/em&gt; (2012-2014), I led the design of consumer products. This included Search and algorithmic Home Recommendations &lt;a href=&quot;https://patents.justia.com/patent/9361583&quot;&gt;(Patent, No. 9361583)&lt;/a&gt; for the web and native mobile apps.&lt;/p&gt;
&lt;p&gt;Home property views increased by &lt;strong&gt;33.3 million&lt;/strong&gt; a month. Site searches increased by &lt;strong&gt;111 million&lt;/strong&gt;. Global CSS reduced by &lt;strong&gt;40%&lt;/strong&gt; from 251kb to 101kb.&lt;/p&gt;
&lt;h2&gt;Diagnosing a search experience breaking under its own weight&lt;/h2&gt;
&lt;p&gt;We needed to improve Trulia&#39;s browsing experience without sacrificing business revenue.&lt;/p&gt;
&lt;p&gt;This became less possible with incremental changes. An increasing number of users dropped-off immediately due to slow load times. To better understand these issues, I created an audit of every Search Result Card.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/trulia_2cards.webp&quot; loading=&quot;lazy&quot; width=&quot;1500&quot; height=&quot;1493&quot; /&gt;
&lt;br /&gt;
&lt;h2&gt;Creating the Design System to go beyond the screens&lt;/h2&gt;
&lt;p&gt;This effort led to the creation of Trulia&#39;s Design System. The team used the Search Result Cards as the building blocks for the first version. Instead of &lt;em&gt;Lorem Ipsum&lt;/em&gt;, I imported MLS Data into my prototypes written with production ready CSS.&lt;/p&gt;
&lt;p&gt;The Search Result Cards were the first components to go into production. We removed &lt;code&gt;733 !important&lt;/code&gt; floats and reduced the global CSS file by 40% from &lt;code&gt;251kb&lt;/code&gt; to &lt;code&gt;101kb&lt;/code&gt; which improved site speed.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/trulia_3ds.webp&quot; loading=&quot;lazy&quot; width=&quot;2736&quot; height=&quot;1800&quot; /&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/trulia_4dsc.webp&quot; loading=&quot;lazy&quot; width=&quot;3000&quot; height=&quot;2568&quot; /&gt;
&lt;h2&gt;Letting data reveal what 83% of users actually needed&lt;/h2&gt;
&lt;p&gt;While reviewing data, I observed that 83% of users &lt;em&gt;only used 4&lt;/em&gt; of the dozens of search filters. Reports from our user research also qualified this observation.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/trulia_5filters.webp&quot; loading=&quot;lazy&quot; width=&quot;1367&quot; height=&quot;842&quot; /&gt;
&lt;br /&gt;
&lt;p&gt;With the new design system, I was able to prototype, user test, and release an update in 2 months. This simplified experience &lt;strong&gt;increased searches by 111 million&lt;/strong&gt;. Additionally, home property views increased by 33.3 million a month from updates to the search experience alone.&lt;/p&gt;
&lt;p&gt;✵&lt;/p&gt;
&lt;hr /&gt;
&lt;h1&gt;From Design System to Design Talk&lt;/h1&gt;
&lt;p&gt;Inspired by our success, I wrote the talk &lt;a href=&quot;https://womentalkdesign.com/talks/speaking-in-code/&quot;&gt;Speaking the Code&lt;/a&gt; and presented at events such as IXDA Interaction. The presentation walks through my process and concludes with a live demo.&lt;/p&gt;
&lt;br /&gt;
&lt;img src=&quot;https://design.bysusanlin.com/images/trulia_6speaking.webp&quot; loading=&quot;lazy&quot; width=&quot;1200&quot; height=&quot;675&quot; /&gt;
&lt;p&gt;&lt;code&gt;Speaking at IXDA Interaction SF, 2013.&lt;/code&gt;&lt;/p&gt;
&lt;hr /&gt;
&lt;p&gt;&amp;quot;&lt;em&gt;Susan was an extremely strong and creative colleague during my time working with her at Trulia. She led several key initiatives at Trulia, including the creation of Trulia’s first web-based component library. That initiative involved collaborating with an external team over many months, and championing the work internally to encourage adoption across the organization. That work resulted in greater product consistency and a stronger voice for design at Trulia.&lt;/em&gt;&amp;quot;&lt;/p&gt;
&lt;br /&gt;
&lt;p&gt;—&lt;a href=&quot;https://www.linkedin.com/in/seanthomps/&quot;&gt;Sean Thompson&lt;/a&gt;, Lead Designer&lt;/p&gt;
&lt;!--

___

# My Creative Origins

In my early Web 1.0 days, I ran a Neopets guild and built a Geocities site using an `&lt;iframe&gt;` layout. This was the beginning of my love for design &amp; code. 

It led to internships with NASA where I designed websites and made [educational games](https://www.jwst.nasa.gov/content/features/educational/scopeItOut/index.html) of the James Webb telescope. Years later, I had the honor of joining their official [art show](https://jwst.nasa.gov/content/features/jwstArt/) when the telescope debuted to the public.

■

___

&quot;_I hired Susan to illustrate art for two games I developed. I love her style of drawing, which is why I initially chose her from the pool of candidates. I was very happy with how the first project turned out so I hired Susan for a second one. Between those projects, Susan also did an internship here at NASA Goddard. She was a pleasure to work with and very creative and talented._&quot;

&lt;br&gt;

—[Maggie Masetti](https://science.gsfc.nasa.gov/sed/bio/margaret.e.masetti), Manager
--&gt;
&lt;hr /&gt;
&lt;blockquote&gt;
&lt;p&gt;&lt;em&gt;Online since 2001&lt;/em&gt;. In my early Web 1.0 days, I ran a Neopets guild and built a Geocities site using an &lt;code&gt;&amp;lt;iframe&amp;gt;&lt;/code&gt; layout. This was the beginning of my love for design &amp;amp; code.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;I built this portfolio site using &lt;a href=&quot;https://www.11ty.dev/&quot;&gt;11ty&lt;/a&gt;, hosted it on &lt;a href=&quot;https://github.com/sonderingheights&quot;&gt;GitHub&lt;/a&gt;, and deployed it via &lt;a href=&quot;https://www.netlify.com/&quot;&gt;Netlify&lt;/a&gt;. I also asked &lt;a href=&quot;https://claude.com/product/claude-code&quot;&gt;Claude&lt;/a&gt; to help optimize and refine my code.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;blockquote&gt;
&lt;p&gt;P.S. Please enjoy photos of my &lt;a href=&quot;https://www.instagram.com/grassjellyshiba/&quot;&gt;eyebrow dog&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;
</content>
	</entry>
</feed>