portfolio.njk

---
description: Eric Carlisle's portfolio for UI Engineering, UX Strategy, Mentoring, Speaking, and Making.
layout: post.njk
og_image:
  alt: "Eric Carlisle : UI Engineer, UX Strategist"
  height: 800
  type: "image/png"
  url: "/images/og/eric-carlisle-800x800.png"
  width: 800
og_type: article
eleventyNavigation:
  key: Portfolio
  order: 4
pageClass: "portfolio"
title: "Portfolio"
tags:
  - portfolio
---
<hr/>
<h2>Role: Principal Frontend Developer at Arc XP</h2>
<section class="quarter-fold-panel">
  <div>
  {% include "src/images/portfolio/arcxp-logo.svg" %}
  </div>
  <div>
    <h3>ArcXP PageBuilder Themes</h3>
    <ul>
      <li>Engineer react components for <a href="https://www.washingtonpost.com/pr/2019/07/22/arc-publishing-introduces-pagebuilder-themes-dramatically-accelerating-site-launch-time-to-market/">Pagebuilder Themes</a> content management application.</li>
      <li>Collaborate with Designers & UX Researchers on a branch of the <a href="https://design.arcxp.com/">Arc XP Design System</a>, focused on multibrand, multi-tenant experiences for PageBuilder Themes.</li>
      <li>Lead research & innovation on B2C commerce integrations with <a href="https://www.arcxp.com/solutions/b2c-commerce/">DXP Commerce</a> services.</li>
    </ul>
  </div>
</section>
<hr/>
<h2>Role: Solutions Architect at Arc XP</h2>
<section class="quarter-fold-panel">
  <div>
  {% include "src/images/portfolio/infobae-logo.svg" %}
  </div>
  <div>
    <h3>Architectural Lead - Infobae migration</h3>
    <p><a href="https://www.infobae.com">Infobae.com</a> is one of Argentina's larget media news outlets. As Frontend Architect, I lead a migration of the site UI to use PageBuilder Fusion, Arc XP's React rendering engine. Combined with other stack and network optimizations, this resulted in:</p>

    <ul>
      <li>90% improvement to site accessibility.</li>
      <li>98% improvement in site performance.</li>
      <li>Significant increases in Google Lighthouse metrics.</li>
    </ul>

    <p>Read more in the Arc XP Customer Story, <a href="https://www.arcxp.com/resources/customer_story/infobae/">Replatforming to drive exponential audience growth</a>.</p>

    </div>
</section>
<hr/>
<section class="quarter-fold-panel">
  <div>
    {% include "src/images/portfolio/gray-television-logo.svg" %}
  </div>
  <div>
    <h3>Architectural Consultant - Gray Television migration</h3>
    <p>Gray Television owns and operates stations in 113 television markets, collectively reaching 36 percent of US television households. As a Solutions Architect, I consulted Gray's Web Engineering team as they architected a scalable, multi-tenant solution on the Arc XP DXP.</p>

    <p>Read more in the Arc XP Customer Story, <a href="https://www.arcxp.com/resources/customer_story/gray_television/">Delivering its network of stations win-win digital experiences</a>.</p>

</section>
<hr/>
<section class="quarter-fold-panel">
  <div>
    {% include "src/images/portfolio/el-financiero-logo.svg" %}
    {% include "src/images/portfolio/chicago-tribune-logo.svg" %}
    {% include "src/images/portfolio/the-irish-times-logo.svg" %}
    {% include "src/images/portfolio/metro-world-news-logo.svg" %}
    {% include "src/images/portfolio/atlanta-journal-constitution-logo.svg" %}
    {% include "src/images/portfolio/dawgnation-logo.svg" %}
  </div>
  <div>
    <h3>Skill - Performance Optimization for Core Web Vitals</h3>
    <p>In 2021, Google's <a href="https://web.dev/vitals/">Core Web Vitals</a> introduced a paradigm shift in Search Engine Optimization. Metrics for website performance and User Experience had become a key factor in SEO strategy.</p>
    <p>At Arc XP I spearheaded research to align clients with new strategies, helping them to adapt and optimize for the Core Web Vitals changes. Client launches and deployments were paired with Core Web Vital audits to preserve and improve upon page ranking.</p>
    </p>
    <p>This research also influenced Architecture of Arc XP PageBuilder Themes, allowing clients to use components optimized for Core Web Vitals.</p>

  </div>
</section>
<hr/>
<section class="quarter-fold-panel">
  <div>
    {% include "src/images/portfolio/el-pais-logo.svg" %}
    {% include "src/images/portfolio/le-parisien-logo.svg" %}
  </div>
  <div>
    <h3>Skill - Addressing Region Specific Needs</h3>
    <p>As a Solutions Architect at Arc XP I consulted clients in 5 continents. The insight I gained in doing so empowered me to offer solutions unique to specific regions. Examples include:</p>
    <ul>
      <li><a href="https://gdpr.eu/">GDPR</a> legal requirements in European Union countries.</li>
      <li>Performance considerations for regions trending mostly "mostly-mobile" userbases.</li>
      <li>Region-specific commonalities in Content Taxonomy and Navigation patterns.</li>
    </ul>
  </div>
</section>