Brand Web Designer - Framer

<div class="content-intro"><p><span style="font-size: 12pt;"><strong><span style="font-family: arial, helvetica, sans-serif;">Perplexity is an AI-powered answer engine founded in December 2022 and growing rapidly as one of the world’s leading AI platforms. Perplexity has raised over $1B in venture investment from some of the world’s most visionary and successful leaders, including Elad Gil, Daniel Gross, Jeff Bezos, Accel, IVP, NEA, NVIDIA, Samsung, and many more. Our objective is to build accurate, trustworthy AI that powers decision-making for people and assistive AI wherever decisions are being made. Throughout human history, change and innovation have always been driven by curious people. Today, curious people use Perplexity to answer more than 780 million queries every month–a number that’s growing rapidly for one simple reason: everyone can be curious.&nbsp;</span></strong></span></p></div><div>
<div>
<p><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Tell stories on the web. You’ll use Framer to turn ideas into interactive narratives that feel fast, clear, and alive. You design in the browser, think in sequences and states, and ship beautiful, high-performing pages quickly. Framer feels like home to you.</span></p>
<h2><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">What you’ll own</span></h2>
<ul>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Narrative web work in Framer from concept to live</span></li>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">The choreography of the story: pacing, states, scroll, transitions</span></li>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">A reusable Framer system: components, tokens, patterns, CMS</span></li>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">A fast launch cadence with tight loops from brief to ship</span></li>
</ul>
<h2><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Must-haves</span></h2>
<ul>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Framer mastery with live links to complex builds and advanced interactions</span></li>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Portfolio that proves interactive storytelling, not just static comps</span></li>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Ability to go from idea to production without handoffs</span></li>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Comfort adding custom code in Framer (React, TypeScript, or beyond)</span></li>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Sharp design judgment and taste under speed</span></li>
</ul>
<h2><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Nice to have</span></h2>
<ul>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Motion skills with Rive or Lottie</span></li>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">3D on the web with Three.js or Spline</span></li>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Experience improving clarity or conversion through interaction design</span></li>
</ul>
<h2><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">What to include in your portfolio</span></h2>
<ul>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">3 to 5 live Framer links and your role on each</span></li>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">A short note on the narrative approach and key interactions</span></li>
<li style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Any system work: components, tokens, or CMS decisions</span></li>
</ul>
<p><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;"></span></p>
<p><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">The cash compensation for this role is $130,000 to $220,000.&nbsp;</span></p>
</div>
<div>
<div><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">&nbsp;</span></div>
<div>
<div><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Equity: In addition to the base salary, equity may be part of the total compensation package.</span></div>
<div><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">Benefits: Comprehensive health, dental, and vision insurance for you and your dependents. Includes a 401(k) plan.</span></div>
</div>
<div><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">&nbsp;</span></div>
<div>
<div>
<div>
<div>
<div data-qa="closing-description">
<div><span style="font-family: arial, helvetica, sans-serif; font-size: 12pt;">&nbsp;</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>