resume-now.html

---
layout: default
title: Résumé
description: Overview of Mike Mai's professional career.
color-scheme: auto
---
<header class="c-{{ site.ns }}-plane c-{{ site.ns }}-plane--large-width c-{{ site.ns }}-plane--h-inset-medium c-{{ site.ns }}-plane--v-inset-medium">
  <div class="c-{{ site.ns }}-plane-cabin">
    <div class="c-{{ site.ns }}-list c-{{ site.ns }}-list--inline c-{{ site.ns }}-list--align-justify c-{{ site.ns }}-list--valign-center is-comfortable">
      <div class="c-{{ site.ns }}-list__item">
        <h1 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--trendy c-{{ site.ns }}-text--medium">
          <a href="https://mikemai.net" class="c-{{ site.ns }}-link">Mike Mai</a>
        </h1>
      </div>
      <div class="c-{{ site.ns }}-list__item">
        <h2 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--xsmall">UIX designer &amp; coder from China. Language skills include Chinese Mandarin, Cantonese, and HTML5.</h2>
      </div>
    </div>
  </div>
</header>
<main>
  <article>
    <section class="c-{{ site.ns }}-plane c-{{ site.ns }}-plane--large-width c-{{ site.ns }}-plane--h-inset-medium c-{{ site.ns }}-plane--v-inset-large">
      <div class="c-{{ site.ns }}-plane-cabin">
        <div class="c-{{ site.ns }}-list c-{{ site.ns }}-list--ui is-comfortable lay-horizontal" style="--mnml-list-item-basis:50ch;">
          <div class="c-{{ site.ns }}-list__item">
            <div class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--xsmall">Now at Pegasystems, Inc.</div>
            <h3 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--xxlarge">Lead UI Architect, UX &amp; A11y</h3>
            <p class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--large">Architecting the design system that powers multiple corporate Pega websites. Focusing on accessibility and usability. I design with code, and I code with an inclusive mindset.</p>
            <p class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block">
              <a href="https://boltdesignsystem.com" class="c-{{ site.ns }}-button">
                Explore the design system
              </a>
            </p>
          </div>
          <div class="c-{{ site.ns }}-list__item">
            <h3 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--large">Skills</h3>
            <ul class="c-{{ site.ns }}-list c-{{ site.ns }}-list--unordered lay-horizontal">
              <li class="c-{{ site.ns }}-list__item">Design Systems</li>
              <li class="c-{{ site.ns }}-list__item">HTML</li>
              <li class="c-{{ site.ns }}-list__item">CSS</li>
              <li class="c-{{ site.ns }}-list__item">Accessibility</li>
              <li class="c-{{ site.ns }}-list__item">UI Design</li>
              <li class="c-{{ site.ns }}-list__item">UX Design</li>
            </ul>
            <h3 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--large">Publications</h3>
            <ul class="c-{{ site.ns }}-list c-{{ site.ns }}-list--unordered">
              <li class="c-{{ site.ns }}-list__item">Package &amp; Design Magazine</li>
              <li class="c-{{ site.ns }}-list__item">Dwell&rsquo;s World Views Photo Book</li>
            </ul>
            <h3 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--large">Projects</h3>
            <ul class="c-{{ site.ns }}-list c-{{ site.ns }}-list--unordered">
              <li class="c-{{ site.ns }}-list__item"><a href="https://mikemai.net/typesettings" class="c-{{ site.ns }}-link">Typesettings.CSS</a></li>
              <li class="c-{{ site.ns }}-list__item"><a href="https://mikemai.net/blog" class="c-{{ site.ns }}-link">Command Shift 3</a></li>
              <li class="c-{{ site.ns }}-list__item"><a href="https://helveticasux.com" class="c-{{ site.ns }}-link">Helvetica Sucks!</a></li>
              <li class="c-{{ site.ns }}-list__item"><a href="https://noprobono.info" class="c-{{ site.ns }}-link">No Pro Bono</a></li>
            </ul>
          </div>
        </div>
      </div>
    </section>
    <section class="c-{{ site.ns }}-plane c-{{ site.ns }}-plane--large-width c-{{ site.ns }}-plane--h-inset-medium c-{{ site.ns }}-plane--v-inset-large">
      <div class="c-{{ site.ns }}-plane-cabin">
        <ol class="c-{{ site.ns }}-list c-{{ site.ns }}-list--bare lay-horizontal">
          <li class="c-{{ site.ns }}-list__item">
            <div class="c-{{ site.ns }}-text c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--xsmall">June 2017 - April 2021</div>
            <h3 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--medium">Pegasystems, Inc.</h3>
            <p class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--small">Principal UIX Designer: Co-leading a design system and designing components.</p>
          </li>
          <li class="c-{{ site.ns }}-list__item">
            <div class="c-{{ site.ns }}-text c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--xsmall">May 2015 - June 2017</div>
            <h3 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--medium">Fullbridge</h3>
            <p class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--small">Full-stack Designer (Head of UIX): Designing the platform&rsquo;s user interface focusing on accessibility, cross-device responsive layouts, information architecture, front-end performance, and right-to-left language compatibility.</p>
          </li>
          <li class="c-{{ site.ns }}-list__item">
            <div class="c-{{ site.ns }}-text c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--xsmall">May 2013 - May 2015</div>
            <h3 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--medium">Sonicbids</h3>
            <p class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--small">Product Designer: Re-inventing the music career platform by building a style guide and redesigning the web app interface.</p>
          </li>
          <li class="c-{{ site.ns }}-list__item">
            <div class="c-{{ site.ns }}-text c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--xsmall">July 2010 - May 2013</div>
            <h3 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--medium">Bluetrain Mobile</h3>
            <p class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--small">Chief Creative Mechanic: Overseeing all creative processes for graphic design, web/mobile design and user experience design while providing creative input for digital marketing, SEO and SEM.</p>
          </li>
          <li class="c-{{ site.ns }}-list__item">
            <div class="c-{{ site.ns }}-text c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--xsmall">May 2009 - June 2010</div>
            <h3 class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--heading c-{{ site.ns }}-text--medium">what!design</h3>
            <p class="c-{{ site.ns }}-text c-{{ site.ns }}-text--block c-{{ site.ns }}-text--small">Freelance Designer: Designing print and web assets for clients such as Reebok, Ulysses Press, and Burton Snowboards.</p>
          </li>
        </ol>
      </div>
    </section>
  </article>
</main>