Jocelyne Sanchez
Product Design Portfolio
Company_A.png

Admiral

Admiral

 

Anti-Adblock Solutions for Online Publishers

In the summer of 2015 I had the opportunity to design for a brand new startup founded by a team of developers I had worked with previously at Grooveshark. The initial motivation behind Admiral was to build better analytics software for ad ops teams, but the team decided to shift the focus toward a more specific problem—making publishers aware of lost ad revenue from the rise of ad blockers, and providing tools to help them recover revenue through user engagement.

As a solo designer, I was able to establish the entire look and feel of the company, from brand identity to user interface, and freely explore my process and style.

 
 Admiral Dashboard - Traffic View

Admiral Dashboard - Traffic View

 

Product Design

Admiral's web-based product consists of an adblock analytics dashboard, admin tools and settings. The simple dashboard highlights key metrics upfront, like how many visitors are using ad blockers and how much money is being lost (based on user inputed values). From the Organizations tab, customers can manage their organization(s), properties and members, as well as set up custom messaging to display on their sites whenever an ad blocking visitor is detected. The Engage tool allows customers to warn, block, or ask visitors to turn off their ad blockers to before showing content.

 
 Customer Onboarding Wizard

Customer Onboarding Wizard

 
 Wireframes for the Organizations tab

Wireframes for the Organizations tab

 
 Variations of Engage Messaging Options: Soft ask (banner), Hard ask (full screen), Gated ask (full screen)

Variations of Engage Messaging Options: Soft ask (banner), Hard ask (full screen), Gated ask (full screen)

 
 

Visual Design & Branding

I was also responsible for Admiral's brand identity and marketing materials. Starting with the logo and core colors, I designed everything else with a big vision of consistency in mind. I spent countless hours evolving the brand styles and elements with each project, from business cards and t-shirts to stickers and presentation decks. Putting together the marketing site really helped me establish a cohesive aesthetic between the branding and early product work I had already done. I enjoyed being able to experiment with imagery, gradients and darker colors for the brand, in contrast with the muted UI palette.

 
 
 Admiral Brand Board

Admiral Brand Board

 
 
 Marketing Home Page

Marketing Home Page