Agenda

Customer Lifecycle  Tech Talks

Growth - Frontend UI

Review three main applications

AntiAbuse - Keep Bad Actors Out

Share high-level overview and insights

Account Management

Share high-level overview and insights

Revenue Assurance - Billing Platform

Share high-level overview and insights

Customer Growth

Tech Talk

What We Do

Everything Along the Customer Lifecycle

We're Responsible For

• Sign up and login
• Upgrades, downgrades, and cancellations
• New products and services

Where We Work

Here Be JavaScript

Our Applications

• Signup
• Tiara

• Mako (Account & Billing)

Technical Details

• React & Redux
• Communicates with MakoAPI for data

• Communicates with Zuora for payment form

• Sends analytics events to Segment

Signup

Let's Get Started

Precautions

• AAI works behind the scenes

• Zuora validates credit cards
• We only allow packages up to Pro 1.5 million

Signup

Let's Get Started

Technical Details

• Built with jQuery

• Provides the navbar
• Fetches user data
• Exposes reusable functions
  • Analytics / Tracking
• Deployed to AWS S3 bucket

Tiara

The Little LeftNav That Could

Data Fetching

• account • credits • monthly_email_stats
• feature_toggles • profile • subusers
• signup_status • user_status • user_type
• analytics • parent_subusers

Tiara

The Little LeftNav That Could

Technical Details

• React, Redux, RxJS, & TypeScript
• Tiara data hydrates most of our state
• React Router renders sub-routes from within Backbone / Marionette routes

Mako

Account & Billing

Mako

Account & Billing

Technical Details

• What Tiara doesn't provide for us when the application starts, we fetch ourselves using RxJS and Redux Observables

• We also update information by communicating with Mako API

Mako

New Products & Services

Overview

• LVS (Expert Services)

• Multi-product
• TL;DR: We're expanding what we offer customers and how we offer it.
 

Thanks!

- The Growth Team

Next Up:

AntiAbuse - Keep Bad Actors Out