index.html

---
layout: default
title: Hunter Marcks
---
{% include site-header.html %}
<main>
  <div class="ph3 ph4-ns">
    <div class="mw8 ml-auto mr-auto pb5">
      <div class="f3-ns intro-container">

        <h1 class="f5 f3-ns normal mt0 mb4">
          I’m a digital product designer at <a href="https://worldly.io" class="link hover-green b--moon-gray">Worldly</a>. We make software to help measure the environmental and social imapct of consumer goods.
        </h1>
        <p class="mt0 mb5">I'm also working with Code for PDX on a project called <a href="https://recordsponge.com" class="link hover-light-purple b--moon-gray">RecordSponge</a> to build software that will help make the expungement process available to all&nbsp;Oregonians.</p>
        <h2 class="f6 f5-ns fw8 mb1 white">2014 – 2021</h3>
        <p class="mt0 mb5">I was at Renew Financial, who offers financing for energy-efficient home improvements. I worked on designing tools for the contractor and customers to manage their projects and financing, along with our underwriting software.</p>
        <h2 class="f6 f5-ns fw8 mb1 white">2013 – 2014</h3>
        <p class="mt0 mb5">I worked on a tool to help businesses evaluate safer and more environmentally-friendly materials for their products. I also consulted on projects such as interactive transit maps and various&nbsp;websites.</p>
        <h2 class="f6 f5-ns fw8 mb1 white">2009 – 2013</h3>
        <p class="mv0">Before that I designed, built, and managed websites at a liquor company. I also made a few whisky and vodka&nbsp;labels.</p>
      </div>
    </div>
  </div>

  <div class="ph3 ph4-ns">
    <div class="mw8 ml-auto mr-auto pb5">
      <div class="w1 bt bw1 b--moon-gray pb5"></div>

      <div>
        <a class="notes-link inline-flex items-center bn link hover-light-red" href="/resources">
          <div class="links-trip">
            <svg class="links-icon" aria-hidden="true" viewBox="0 0 50 62" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 0H0v12h50V0H40v2H10V0zm18 62v-2H0V50h50v12H28zM0 14h50v10H0V14zm50 12H0v10h50V26zM0 38h50v10H0V38z" fill="#181918"/></svg>
          </div>
          <div class="links-link">
            <h2 class="ma0 f5 f4-ns fw9">Design Notes</h2>
            <p class="f6 f5-ns ma0">Resources and reminders that I find important and helpful, emphasis on digital design.</p>
          </div>
        </a>
      </div>

<!--       <div>
        <a class="notes-link inline-flex bn link hover-light-red pt1" href="/resources">
          <div class="links-trip">
            <svg class="links-icon" aria-hidden="true" viewBox="0 0 50 62" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 0H0v12h50V0H40v2H10V0zm18 62v-2H0V50h50v12H28zM0 14h50v10H0V14zm50 12H0v10h50V26zM0 38h50v10H0V38z" fill="#181918"/></svg>
          </div>
          <div class="links-link">
            <p class="ma0 f5 f4-ns fw9">Design Notes</p>
            <p class="f5 ma0">Resources and reminders that I find important and helpful, emphasis on digital design.</p>
          </div>
        </a>
      </div> -->

    </div>
  </div>
</main>