Freedom to showcase relevant information across

Beginning / Problem Statement

Acquiring a company, launching 7 annual Subscribed events, 5 products, an App Marketplace, Developer Center & API Reference, Community, Training Platform, it was no doubt that our corporate website site & it’s subsidary sites have become compartmentalized causing the navigation across Zuora to become fragmented. With all these sites, we…

V1 : Side filter

Starting with a filter on the left hand side allowed for easy navigation, and allowed the ability to toggle between topics, content type, and other types of categories.


Having it sit inline with the default cards caused the cards to fall to 2 per row.

Creating this for mobile…

The single app view of connect allows the user to view more details about the app, and learn more about partner details if the app is provided by a third party vendor.

Image viewer

The image carousel keeps it’s look and feel consistent to the homepage and allows the user to hover…

The featured apps section of the site lives on the connect marketplace, and serves as a place for users to understand what apps are putting their best foot forward on Zuora. These apps can be both partner and Zuora apps.


on:Hover both the largest app on the left and the…

V1: Featured assets with Chic-lets

I’ve placed the featured items and chic-lets into the bootstrap grid, to see how they work together. A lot of the same layout applies to the sub featured assets in the featured section. No additional fields from the Connect API are needed to construct the featured apps.

Featured Animations

The animations for…

Here are some samples of cards to help portray the connect marketplace.

V1 : Small Chick-let / 4 per row

This version allows for 4 items in one row. onHover reveals the short description ( less than 90 characters ) from the bottom. …


  1. Showcase Magazines to select from
  2. Allow users to sign up for Time Subscription through an online form

Showcase magazines

Scrolling asset central. The header of the form will scroll through the front covers of the magazines that are available for their Free Subscription Promotion.

Online Form

The form will hold all the appropriate fields that’s needed for Time to process the request. The code tied to the Magazine title will be stored along with the Magazine title on form submit.

Follow up

Thank you page will thank the user for signing up, with a single message describing what magazine they signed up for and the ability to go back to the Subscribed Homepage.


The mockup below showcases this use case.

This year we decided to create an agenda that started with tracks (categories) that lead to individual breakout sessions attached to speakers. We decided that designing a mobile-ready, easily digestible agenda would be our top priority.

Challenges / Obstacles

  1. Mobile Me Not: To meet the demands of social traffic hitting our sites, we…

Zach Waggoner

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store