<p>
     I redesigned and developed the responsive checkout process for Etix.com. In the first month after its release, we saw an immediate 
     increase in revenue on mobile devices. 
</p>

<figure>
    <img src="/images/screenshots/etix/phone-final.jpg" alt="Screenshot of Etix.com checkout process (1 of 2)">
    <figcaption>Screenshot of Etix checkout process in iPhone frame.</figcaption>
</figure>

<p>
    One of the challenges in creating a responsive design was in the way that venues sell tickets through the Etix.com platform. Venues sometimes opt to 
    own the look and feel of their pages which live in the checkout flow of etix.com (called "cobranding"). I elected to simplify the
    mobile view for all our cobrands by removing extraneous background images and hiding some text at smaller screen sizes. If I were to do it again 
    today, I'd probably leave behind the "landmarks" or "breadcrumbs" that show users how far they are in the checkout process on mobile to help
    orient users to their location in the checkout process. 
</p>

<figure>
    <img class="work-image--bordered" src="/images/screenshots/etix/orange-peel-post-65-mobile.png" alt="Screenshot of Etix.com checkout process (2 of 2)" />
    <figcaption>Checkout process on narrow screen.</figcaption>
</figure>    

<figure>
    <img class="work-image--bordered" src="/images/screenshots/etix/orange-peel-post-65-performance-landing.png" alt="Screenshot of Etix.com checkout process (2 of 2)" />
    <figcaption>Same checkout screen on desktop.</figcaption>
</figure>