<p>A collaboration between Marketing and Product to design and build a sponsorship landing page that visually communicates CapRadio’s impact and value to potential sponsors while ensuring accessibility for all users.</p>
<p><a href="https://www.capradio.org/support/corporate-sponsorship/"><img src="/images/cpr_sponsorship.png" alt="sponsorship landing page" title="sponsorship landing page"></a></p>
<p><a href="https://www.capradio.org/support/corporate-sponsorship/"><img src="/images/cpr_mob_quote.png" alt="sponsorship landing page" title="sponsorship landing page"></a></p>
<h2>My Role</h2>
<p>My Role
As Front-End Developer, I:</p>
<ul>
<li>
<p>Developed a visually engaging, responsive landing page following provided design direction.</p>
</li>
<li>
<p>Integrated custom intuitive features, including Chart.js graphs, embedded audio players, logo carousels, and quote blocks.</p>
</li>
<li>
<p>Ensured WCAG compliance to make the page accessible to all visitors.</p>
</li>
<li>
<p>Integrated and configured Umbraco forms to capture sponsor interest and leads effectively.</p>
</li>
</ul>
<h2>What I Built</h2>
<ul>
<li>
<p>Responsive layout adapting seamlessly across devices.</p>
</li>
<li>
<p>Interactive, keyboard-navigable graphs and carousels for sponsor engagement.</p>
</li>
<li>
<p>Embedded accessible audio content to highlight CapRadio talent.</p>
</li>
<li>
<p>Lead capture forms built with Umbraco for easy marketing team workflows.</p>
</li>
</ul>
<h2>The Outcome</h2>
<ul>
<li>
<p>Delivered a high-quality sponsorship landing page aligning with CapRadio’s brand and accessibility standards.</p>
</li>
<li>
<p>Enabled Marketing to capture qualified leads efficiently while showcasing CapRadio’s sponsorship opportunities.</p>
</li>
<li>
<p>Provided an engaging, user experience that aligns with CapRadio’s mission and values.</p>
</li>
</ul>
<h2>Tech</h2>
<ul>
<li>JavaScript</li>
<li>HTML</li>
<li>CSS/LESS</li>
<li>Chart.js</li>
<li>Umbraco</li>
<li>WCAG</li>
</ul>
