FastTrak

Helping Publications Sell More Digital Magazines

wood.png

Cashiers check, card reorder, claims and change order prototypes.

Android.png
Cover.png

Challenge

Design a modern magazine storefront that sells more issues.

Create a reader that adapts to the publisher's brand intuitively.

Solution

Redesign the entire app from the groud up with modern UI.

 

Introduce two industary firsts: Timed Preview and Digital Teadcard subscription tools. 

Results

58% ⬆︎

Total content downloads

62% ⬆︎

Single issue revenue

60% ⬆︎

Paid content download

4 x Higher

Conversion rate than industry

Design tools and processes

Logos.png

MY Role


Product Owner and Lead UX Designer

  • Evaluated competitors to understand strengths and weaknesses

  • Interviewed Starbucks customers (NYC) about their digital reading habits

  • Created:

    • Detailed project plan

    • Design System and gesture documentation

    • Wireframe and interaction documentation

    • Animated prototypes to brief developers

  • Owned developer build visual design progress

  • Tablet and mobile progress testing and feedback

MAZ-covers.png

User Flows


Flows were created that balanced the user's needs with those of the many diverse publications. Prompt fulfilment of purchases was a priority in this flow. I've worked directly with the CEO and the team of offshore developers to refine these flows for engineering teams.

Timed Preview Process.png
MAZ iPAD Briefing Doc.png

Wireframes and Visual Design Specifications


Detailed wireframes and visual design specifications were developed as part of the briefing documentation delivered to the developers.

MAZ-cta1.png

Timed Preview


With the introduction of Timed Preview, users are now able to preview a magazine for a preset amount of time before they have to purchase. The brand owners set offers that appear in this device. The pages blur when the timer runs out.

MAZ-tearcard.png

Digital Tearcard


This interstitial special offer pops up in all non-purchased issues to cross-sell subscriptions.

Forms


The UI had to take into account that publishers had many different ways of authenticating against their reader's database.

MAZ-forms.png

The Grids


Many permutations of the Golden Section ratio were used in the creation of the app. The size of the iPad informed the entire process. All elements share some reference to the size of the iPad screen. Where possible, these ratios inform the design, size and placement of elements on the page.

MAZ-grids.png