Skip to the case study
Harvey Zheng
← Back to work

Apollo.io Frontend Engineering

Building Apollo's v2 directory pages for 200M+ companies and contributing to a self-serve sign-up flow that drove $1.2M in annual revenue growth.

Resume (PDF)zheng.harvey5@gmail.com

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 v2 designs for the core product and marketing site, built directory pages at massive scale, and developed a self-serve sign-up flow that directly contributed to revenue growth.

The Problem

Apollo needed to launch a redesigned marketing and product experience — implementing new designs pixel-perfectly across a complex Rails/Middleman codebase — while also scaling their company directory to handle hundreds of millions of entries and improving conversion through a better sign-up experience.

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 and needed to be performant, SEO-friendly, and consistent across a massive range of company profiles.

Directory contact page — desktop Directory contact page — mobile

Marketing Pages and A/B Testing

I implemented interactive, responsive marketing page designs and ran A/B tests via Google Optimize to compare variants. Iterating on test results helped the growth team make data-backed decisions about 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 that reduced friction for new users coming in through the marketing site. This flow was directly tied to Apollo's growth metrics — 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 to achieve pixel-perfect implementation across 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 with A/B testing via Google Optimize
  • Developed sign-up flow contributing to $1.2M in annual revenue increase
  • Achieved pixel-perfect implementation across Rails/Middleman and Next.js codebases