About

Experienced engineer with a demonstrated history of working in the marketing and advertising industry for Fortune 1000 companies. Highly skilled in front-end web technologies (Vue.js, React, Svelte) with a deep knowledge of fundamentals (HTML, CSS, JS) including web accessibility. Cohosted the Austin Accessibility and Inclusive Design meetup for four years.

Employment History

Razorfish

  • Web UI Architect
  • Senior Web UI Developer, L2
  • Senior Web UI Developer
  • Web UI Developer

Freelance Web UI Developer

Education

Texas State University

2009

BA, Philosophy

Minor in Media Studies

University of Texas at Austin

2011

Paralegal Certificate

Technologies

  • CSS
  • HTML
  • JavaScript
  • Git
  • SCSS
  • TypeScript
  • Vue.js
  • React
  • Next.js
  • Nuxt
  • Angular
  • Node.js
  • Svelte
  • Astro
  • Tailwind CSS
  • GraphQL
  • Storybook
  • Cypress
  • Jest
  • GSAP
  • NgRX
  • Redux
  • socket.io
  • Vuetify
  • GitHub
  • Vercel
  • AWS
  • AWS S3
  • Netlify
  • AWS SES
  • Google Analytics
  • BitBucket
  • AWS Amplify
  • webpack
  • Vite
  • Decap CMS

Project Work

I have worked on 15 projects during my time at Razorfish for the following brands.

  • Razorfish
  • Southwest Airlines
  • Grocery Store
  • Mastercard
  • Dove
  • Southern Glazers
  • Samsung
  • Amazon
  • SF MOMA
  • New York Life Insurance
  • Harbor Picture Company
  • Walgreens
  • Patrón Tequila
  • Grey Goose
  • OrangeTheory Fitness
  • Citi Retail Services
  • Entergy
  • T-Mobile

Here are a few where I made the most impact.

Grocery Store - .com Rewrite

Project Summary

A complete rebuild of a grocery store website in React and Next.js, replacing out-of-the-box solutions for their storefront, blogs, and advertising with a unified build.

Role Summary

As the lead front-end architect I estimated and planned new features, set coding standards, and mentored and reviewed code for over 20 developers.

Coolest Part

This project is a career highlight. Several developers told me I was the best boss they'd ever had. The collaboration between our team and the client's was wholesome and imbued with mutual respect. I deeply enjoyed working with them.

Technologies

  • React
  • Next.js
  • TypeScript
  • GraphQL
  • SCSS
  • Tailwind CSS

Responsibilities

  • Accessibility
  • API Integration
  • Architecture
  • Client Presentations
  • CMS Configuration
  • Component Creation
  • Grooming
  • Mentoring Developers
  • Pull Request Reviews
  • Task Management

Razorfish - razorfish.com

Project Summary

Razorfish’s marketing website, featuring case studies, services, company information, and articles. Built to be beautiful, easy to maintain, and blazing fast.

Role Summary

I was honored to be chosen to architect and develop the face of our brand. I hand-coded the initial experience and oversaw maintenance of it for the duration of my time at Razorfish.

Coolest Part

Technical best practices are in place at every level of the experience, including adaptive bitrate streaming on videos, context-optimized responsive images with automatic webp support, attentiveness to accessibility, and a continuous integration workflow that makes launching our pages easy and predictable.

Technologies

  • Nuxt
  • Vue.js
  • SCSS
  • Storybook
  • Tailwind CSS
  • Cypress

Responsibilities

  • Accessibility
  • Animation
  • API Integration
  • Architecture
  • CMS Configuration
  • Component Creation
  • Maintenance
  • Styling

Samsung - TV Configurator

Project Summary

Multi-step form flow that aims to determine a customer’s perfect TV based primarily on their passions and where they expect to place it.

Role Summary

Architected and led a small team to navigate ever-changing client needs and a continuously evolving design.

Coolest Part

Beautifully rendered animations and a few unique form controls tend to steal the show here, but I'm most proud of the intricate logic of the form. The form knows the TVs through and through, and automatically disables controls that would lead to zero matches before the user can ever encounter an error state.

Technologies

  • Vue.js
  • SCSS
  • GSAP

Responsibilities

  • Accessibility
  • Animation
  • API Integration
  • Architecture
  • Component Creation
  • Pull Request Reviews
  • Styling

Harbor Picture Company - Anchor

Project Summary

Web application used to manage and automate workflows for visual FX processes for movie and television productions.

Role Summary

Led a small engineering team to build the UI and worked with the client’s engineers to define the APIs necessary to power the application.

Coolest Part

It’s hard to choose between being excited for the sheer number of functional integrations we hooked up in such a short amount of time, or how nice it was to implement a container-query solution for handling responsive UI elements in situations with dynamic sidebars, or the absolute delight of their CEO when we first demonstrated the project.

Technologies

  • Nuxt
  • Vue.js
  • Vuetify
  • SCSS
  • socket.io
  • Node.js

Responsibilities

  • Accessibility
  • API Development
  • Architecture
  • Component Creation
  • Pull Request Reviews
  • Styling
  • Task Management

Citi Retail Services - Consumer Account Management

Project Summary

Credit card payment and management portal with custom themes for 20+ retailers including The Home Depot and Best Buy.

Role Summary

I focused on accessibility, assessing and refactoring our team’s code to meet WCAG 2.0 AA compliance. After establishing solid fundamentals throughout the project, I shifted to handling development of the most challenging defects and sophisticated components the project had to offer.

Coolest Part

The sheer scale of the project. We worked on this for 3 years, at times with over 20 front-end developers on the team, and launched substantial updates every six months.

Technologies

  • Jade
  • Sass
  • CoffeeScript
  • jsRender
  • jQuery
  • jQuery Mobile

Responsibilities

  • Accessibility
  • Component Creation
  • Mentoring Developers
  • Pull Request Reviews