
UI/UX Web Designer at Puffco
Los Angeles, CAFull-timeMarketingPosted 5 months ago
Apply with PipelineAbout the Role
<p>This is a contract role.</p>
<p>By combining first-hand knowledge of what cannabis users want with the most advanced technology and cutting-edge design, Puffco hasn’t just grown a company: we have started a movement that will mainstream cannabis enjoyment for the world.</p>
<p>Puffco was founded in 2013 with a singular mission: to bring consumers the pleasure of a full-spectrum cannabis experience. Unlike other products which offer only a fraction of the full potential of cannabis, Puffco has focused on bringing the richest and most fulfilling experience possible. Puffco products are adored by consumers and critics alike and have won numerous industry and technology awards.</p>
<p>In addition to consumer success, Puffco continually revolutionizes the cannabis industry. Puffco’s corporate culture is built on a team laser-focused on working together to realize the company’s mission and vision. We strive to ensure a driven and unique business culture that respects and honors employees, partners, and customers. Puffco has also been listed by MG Magazine as one of the 50 best companies to work for.</p>
<p><span data-contrast="auto"><span data-ccp-parastyle="heading 3">Puffco</span><span data-ccp-parastyle="heading 3"> is looking for a talented <span style="text-decoration: underline;"><strong>contract UI/UX Designer</strong></span> to support our team </span><span data-ccp-parastyle="heading 3">with several </span><span data-ccp-parastyle="heading 3">key projects</span><span data-ccp-parastyle="heading 3">, </span><span data-ccp-parastyle="heading 3">eg.</span> <span data-ccp-parastyle="heading 3">page </span><span data-ccp-parastyle="heading 3">build and</span> Shopify <span data-ccp-parastyle="heading 3">site </span><span data-ccp-parastyle="heading 3">conversion optimization. </span></span><span data-ccp-props="{"134233117":false,"134233118":false,"134245418":true,"134245529":true,"335559738":281,"335559739":281}"> </span></p>
<p><strong><span data-contrast="none"><span data-ccp-parastyle="heading 3">Role Overview</span></span></strong><span data-ccp-props="{"134233117":false,"134233118":false,"134245418":true,"134245529":true,"335559738":281,"335559739":281}"> </span></p>
<p><span data-contrast="auto">As a Contract <strong>UI/UX Web Designer </strong>at Puffco, you will shape how users experience our digital storefront. Your work will balance <strong>aesthetic excellence with usability and performance</strong>, directly impacting conversion and engagement. You’ll focus on creating intuitive, visually compelling web experiences—<strong>specifically for our Shopify site</strong>.<br>You will collaborate with <strong>eCommerce, marketing, and development teams</strong> to create <strong>data-driven, conversion-optimized digital experiences</strong> that reflect our brand and drive results.</span></p>
<p><span style="text-decoration: underline;"><strong><span data-contrast="none"><span data-ccp-parastyle="heading 3">Key Responsibilities</span></span></strong><span data-ccp-props="{"134233117":false,"134233118":false,"134245418":true,"134245529":true,"335559738":281,"335559739":281}"> </span></span></p>
<p><strong><em><span data-contrast="none"><span data-ccp-parastyle="heading 4">Shopify Page Building & Site Customization</span></span></em></strong><span data-ccp-props="{"134233117":false,"134233118":false,"134245418":true,"134245529":true,"335559738":319,"335559739":319}"> </span></p>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="14" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="1" data-aria-level="1"><span data-contrast="auto">Build </span><strong><span data-contrast="auto">custom pages and simple modules from scratch</span></strong><span data-contrast="auto"> in Shopify.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="14" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="2" data-aria-level="1"><span data-contrast="auto">Make </span><strong><span data-contrast="auto">design adjustments across the site</span></strong><span data-contrast="auto">, including promotional updates.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="14" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="3" data-aria-level="1"><span data-contrast="auto">Ensure </span><strong><span data-contrast="auto">brand consistency</span></strong><span data-contrast="auto"> while adapting for </span><strong><span data-contrast="auto">seasonal campaigns and promotions</span></strong><span data-contrast="auto">.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="14" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="4" data-aria-level="1"><span data-contrast="auto">Work with developers to troubleshoot and implement design solutions efficiently.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<p><strong><em><span data-contrast="none"><span data-ccp-parastyle="heading 4">Conversion Optimization & Visual Impact</span></span></em></strong><span data-ccp-props="{"134233117":false,"134233118":false,"134245418":true,"134245529":true,"335559738":319,"335559739":319}"> </span></p>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="15" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="1" data-aria-level="1"><span data-contrast="auto">Develop </span><strong><span data-contrast="auto">engaging, conversion-focused</span></strong><span data-contrast="auto"> interfaces that enhance user engagement.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="15" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="2" data-aria-level="1"><span data-contrast="auto">Optimize </span><strong><span data-contrast="auto">landing pages, PDPs, and checkout flows</span></strong><span data-contrast="auto"> for improved performance.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="15" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="3" data-aria-level="1"><span data-contrast="auto">Apply </span><strong><span data-contrast="auto">persuasive design principles</span></strong><span data-contrast="auto"> to improve customer experience and drive sales.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<p><strong><em><span data-contrast="none"><span data-ccp-parastyle="heading 4">User-Centered & Data-Driven Design</span></span></em></strong><span data-ccp-props="{"134233117":false,"134233118":false,"134245418":true,"134245529":true,"335559738":319,"335559739":319}"> </span></p>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="13" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="1" data-aria-level="1"><span data-contrast="auto">Use </span><strong><span data-contrast="auto">analytics tools</span></strong><span data-contrast="auto"> (Google Analytics, Hotjar, Crazy Egg) to uncover user pain points and inform design decisions.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="13" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="2" data-aria-level="1"><span data-contrast="auto">Conduct </span><strong><span data-contrast="auto">A/B tests and usability research</span></strong><span data-contrast="auto"> to optimize user flows and wireframes.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="13" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="3" data-aria-level="1"><span data-contrast="auto">Ensure accessibility and inclusivity in all designs.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<p><strong><em><span data-contrast="none"><span data-ccp-parastyle="heading 4">Design System & Development Collaboration</span></span></em></strong><span data-ccp-props="{"134233117":false,"134233118":false,"134245418":true,"134245529":true,"335559738":319,"335559739":319}"> </span></p>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="16" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="1" data-aria-level="1"><span data-contrast="auto">Maintain Puffco’s </span><strong><span data-contrast="auto">design system</span></strong><span data-contrast="auto"> for consistency across digital platforms.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="16" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="2" data-aria-level="1"><span data-contrast="auto">Partner with developers to implement and refine designs efficiently.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<p><span style="text-decoration: underline;"><strong><span data-contrast="none"><span data-ccp-parastyle="heading 3">Requirements</span></span></strong></span><span data-ccp-props="{"134233117":false,"134233118":false,"134245418":true,"134245529":true,"335559738":281,"335559739":281}"> </span></p>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="17" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="1" data-aria-level="1"><strong><span data-contrast="auto">3+ years</span></strong><span data-contrast="auto"> in UX/UI design with a focus on data-driven decision-making.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="17" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="2" data-aria-level="1"><span data-contrast="auto">Proficiency in </span><strong><span data-contrast="auto">Figma, Adobe Creative Suite, Sketch</span></strong><span data-contrast="auto">, or similar design tools.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="17" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="3" data-aria-level="1"><span data-contrast="auto">Strong understanding of </span><strong><span data-contrast="auto">Google Analytics, Hotjar, and A/B testing</span></strong><span data-contrast="auto">.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="17" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="4" data-aria-level="1"><span data-contrast="auto">Experience in </span><strong><span data-contrast="auto">eCommerce UX, CRO (Conversion Rate Optimization), and persuasive design</span></strong><span data-contrast="auto">.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="17" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="5" data-aria-level="1"><strong><span data-contrast="auto">Hands-on Shopify experience</span></strong><span data-contrast="auto"> for building and customizing pages.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="17" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="6" data-aria-level="1"><strong><span data-contrast="auto">Basic knowledge of HTML/CSS</span></strong><span data-contrast="auto"> </span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="17" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="7" data-aria-level="1"><span data-contrast="auto">Ability to </span><strong><span data-contrast="auto">solve complex design problems</span></strong><span data-contrast="auto"> with simple, elegant solutions.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<ul>
<li data-leveltext="" data-font="Symbol" data-listid="17" data-list-defn-props="{"335552541":1,"335559685":720,"335559991":360,"469769226":"Symbol","469769242":[8226],"469777803":"left","469777804":"","469777815":"hybridMultilevel"}" data-aria-posinset="8" data-aria-level="1"><span data-contrast="auto">Strong </span><strong><span data-contrast="auto">communication skills</span></strong><span data-contrast="auto"> to present and defend design decisions with data-backed insights.</span><span data-ccp-props="{"134233117":false,"134233118":false,"335559738":0,"335559739":0}"> </span></li>
</ul>
<p>This hybrid contractor role is based out of our Los Angeles HQ and requires in office work 2-3 days per week. </p>
<p>The compensation rate for this role is $45.00/hr for candidates based in Los Angeles, CA. </p>
<p> EQUAL EMPLOYMENT OPPORTUNITY</p>
<p>Puffco strongly supports equal employment opportunity for all applicants regardless of race, color, religion, sex, gender identity, pregnancy, national origin, ancestry, citizenship, age, marital status, physical disability, mental disability, medical condition, sexual orientation, genetic information, or any other characteristic protected by state or federal law.</p>
<p> </p>
<p>HIRING PRACTICES</p>
<p>The preceding job description has been designed to indicate the general nature and level of work performed by employees within this classification. It is not designed to contain or be interpreted as a comprehensive inventory of all duties, responsibilities, and qualifications required of employees assigned to this job.</p>
<p>Puffco’s recruitment policies are designed to place the most highly qualified persons available in a timely and efficient manner. Puffco may pursue all avenues available, including promotion from within, employee referrals, outside advertising, employment agencies, Internet recruiting, job fairs, college recruiting and search firms.</p>
<p>**Additional information about our company can be found at www.puffco.com.</p>
<p>Follow us on Instagram @Puffco</p>