Skip to the case study
Harvey Zheng

← Back to work

Apollo.io Frontend Engineering

I implemented the v2 designs across a Rails and Middleman marketing site and a React/Next.js product, including directory pages for company profiles holding very different amounts of data. I also built the growth team's Google Optimize variants and the self-serve sign-up flow.

Role
Front End Engineering Intern
Project
Directory, marketing and sign-up pages at Apollo.io
Skills
React and Next.js · Ruby on Rails · Responsive implementation · A/B testing
Timeline
2020

Front End Engineering Intern | 2020

Tools: Ruby on Rails, Middleman, React.js, Next.js, Google Optimize Platform: Web

Overview

As a front end engineering intern at Apollo.io, I implemented the v2 designs for the core product and the marketing site, built the company directory pages, and developed a self-serve sign-up flow.

The Problem

Apollo was launching a redesigned marketing and product experience, which meant implementing new designs across a Rails/Middleman codebase and a React/Next.js one, scaling the company directory to hundreds of millions of entries, and rebuilding sign-up.

Approach

Directory Pages

Using Next.js and React.js, I built the v2 directory pages for Apollo's database of 200M+ companies. These pages serve billions of impressions annually, so they had to stay fast and indexable, and render consistently across company profiles with very different amounts of data on them.

Directory contact page — desktop Directory contact page — mobile

Marketing Pages and A/B Testing

I implemented the interactive, responsive marketing page designs and built the Google Optimize variants the growth team used to compare layout, copy and calls to action.

Marketing homepage v1 — desktop Marketing homepage v1 — mobile

Marketing homepage v2 — desktop Marketing homepage v2 — mobile

Pricing page — desktop Pricing page — mobile

Customers page — desktop Case study page — desktop

Self-Serve Sign-Up Flow

I developed a self-serve sign-up flow for new users coming in through the marketing site. The implementation contributed to a $1.2 million increase in annual recurring revenue.

Design Implementation

Throughout the internship I worked from Sketch and Figma designs, implementing them on both the Middleman-based marketing site and the React/Next.js product.

Outcomes

  • Built directory pages for 200M+ companies, serving billions of annual impressions
  • Implemented responsive marketing page designs and the Google Optimize variants behind them
  • Developed a sign-up flow contributing to $1.2M in annual revenue increase