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. Issues 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. Animation 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. …

Challenges Showcase Magazines to select from 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.

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 Mobile Me Not: To meet the demands of social traffic hitting our sites, we…