Landing Page experience
Led the development of a user-centric landing page to introduce new features, emphasizing an educational and informative design approach.
Final designs
After another round of feedback and designing we were able to come up with the designs below. This flow keeps the users journey simplistic, while educating new users and showcasing some of the amazing improvements made to the tool.
The header is used to educate users about the changes in the feature improving our communication with our publishers
Users are able to select from the report templates, similar to blank templates users are able to use as a foundation for creating reports
Easy access to the report templates page increasing discoverability
Friendly illustration to soften the perceived complexity of GAM, making it feel more approachable
New users will go directly to the report templates page but in the event they want to view the recent reports page they will be redirected to get started in report templates
Use case: Users with reports, searching for and creating a report from the report templates page
Users with reports will land of the reporting page and are able to see any reports they have created
Users are able to use the "New report button or the report templates page to configure a new report
On the report templates page users are able to hover over the settings icon they will be able to see the dimensions and metrics associated with each report template
Users are able to search for a specific report template with guidance from helpful and educational filler text within the search box
Once the user finds the report template they wish to run users can select the dropdown arrow to configure the time period they wish to run the report for.
Users are able to select from an array of time periods or configure their own time period and select “apply and run”
Once users select "apply and run" the report they will be brought to the report completing this part of the users journey
The Feature: We revamped the reporting feature to allow publishers to quickly and efficiently sort, filter and analyze their data to fit their needs.
The Opportunity: The current report page creates a lack luster first impression and fails to showcase the tool's valuable updates for new and returning users. Additionally, it lacks clear guidance, leaving users unsure of where to begin. The opportunity here is to elevate the user experience by designing a friendly yet educational landing page that highlights the improvements made to the tool.
The Product: Google Ad Manager (GAM), provides a one stop solution for publishers to manage and optimize their ad revenue. GAM provides ads infrastructure to the largest and most complex companies in the world.
Impact
A thorough research approach was key to this project. I started with a wide lens, exploring various components and patterns to find the perfect fit for this complex use case. Research served as a valuable springboard, especially when facing design challenges. Collaboration also played a vital role. When roadblocks appeared, I sought out the fresh perspectives of fellow designers and my stakeholders. Their holistic view on the project allowed me to incorporate valuable feedback and move forward confidently.
Enhanced Efficiency: This new feature streamlines the publishing workflow for users. Previously, finding a template, setting a time, and running a report required users to click through 6-8 different screens. With this feature, users can accomplish the same tasks in just 3 clicks, saving them valuable time and reducing frustration.
Increased Discoverability: Prior to this feature, users had to spend a significant amount of time manually browsing through a large number of report templates. Now, with a robust search function, users can pinpoint the most relevant templates in seconds, saving them valuable time
User centric: Publishers using the reporting tool or GAM for the first time are able to get up and running quickly with clear and concise guidance that streamlines the initial setup process.