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…
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.
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…
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.
The animations for…
Here are some samples of cards to help portray the connect marketplace.
This version allows for 4 items in one row. onHover reveals the short description ( less than 90 characters ) from the bottom. …
Challenges
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.
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.
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.
