<p>A collaboration between Marketing and Product to determine how best to increase user engagement and donations on CapRadio’s homepage. We A/B tested a modernized pushdown banner against a custom homepage takeover, ultimately driving measurable impact on donation goals.</p>
<p><a href="https://capradio.org"><img src="/images/cpr_takeover.PNG" alt="homepage takeover" title="homepage takeover"></a></p>
<p><a href="https://capradio.org"><img src="/images/takeover_mob.PNG" alt="homepage takeover" title="homepage takeover"></a></p>
<h2>My Role</h2>
<p>As Front-End Developer, I:</p>
<ul>
<li>
<p>Translated mockups into a functional, accessible takeover feature.</p>
</li>
<li>
<p>Rebuilt the takeover as a full-page pop-up after identifying limitations in the initial structure.</p>
</li>
<li>
<p>Ensured compatibility with VWO, aligning technical execution with stakeholder goals.</p>
</li>
</ul>
<h2>What I Built</h2>
<ul>
<li>
<p>Custom homepage takeover built and integrated into the CMS infrastructure.</p>
</li>
<li>
<p>Refactored legacy pushdown banners for clean compatibility with VWO’s A/B testing tools.</p>
</li>
<li>
<p>Implemented with HTML/CSHTML, CSS/LESS, and Umbraco CMS for seamless deployment and testing.</p>
</li>
</ul>
<h2>The Outcome</h2>
<ul>
<li>
<p>14% increase in donation button clicks across multiple A/B testing rounds.</p>
</li>
<li>
<p>No notable user complaints, validating the approach while supporting CapRadio’s fundraising efforts.</p>
</li>
</ul>
<h2>Tech</h2>
<ul>
<li>JavaScript</li>
<li>HTML</li>
<li>CSS</li>
<li>LESS</li>
<li>VWO</li>
<li>Umbraco</li>
</ul>
