Adweek Subscriptions
Adweek’s subscription page required a facelift both visually and technologically. With 7 different subscription types, the page called for an intuitive, clean, and hierachal structure so that users can quickly identify the best value.
Adweek offers 2 sets of subscription bundles; each with their own pricing structure and benefits.
Digital & Print
The Digital & Print bundle excludes the Free Trial. Additionally, it includes a subscription to Adweek magazine, which an exclusive benefit to only this bundle.
Digital Only
The Digital-only bundle includes a Free Trial as an option. Adweek Magazine is not included in this offering.
The Problem
Extremely text-heavy layout, confusing price-box elements, and a lack of clarity over what the user is required to do on the page.
Dull imagery, older depictions of Adweek content shown on older devices made this page feel out-of-date and stale.
The contents of the page resided in a PHP template as part of the website’s WordPress environment. This prevented the company’s Audience Development from being able to effectively and rapidly make changes to the old layout.
The Solution
Center mass of the layout is now focused on the price boxes and allows users to quickly focus on the ask.
Copy articulates benefits with less text. Modern isometric devices together with more elegant designs make for a better presentation.
All content and copy on the page is managed by a mini-CMS that resides within Zephr, Adweek’s content paywall provider. Future design of the layout can be improved without complex development.
Optimized for Mobile
The layout of the page is fully responsive and gracefully adapts to tablet and mobile screens.
Majority of the imagery has been hidden on smaller screens in order to speed up the delivery and clarity of the copy.
Developing the Design
The design is front-end developed with HTML, CSS, Javascript, Bootstrap, and the AOS library.
The code is delivered via 4 editable custom modules developed within Adweek’s paywall provider, Zephr.
Adweek’s marketing team has real-time access to these modules which act as a mini-CMS in allowing immediate changes to all copy and content on the page.
Other Paywall Modules
Additional subscription-based modules were designed and developed as components and delivered as paywall units shown to users that require an active subscription to view Adweek’s premium content.
The purpose of these additional modules is to enable their audience to quickly onboard as subscribers without needing to visit the subscription landing page.
This project was my last deliverable at Adweek as Head of Product Design. I've executed the concept, the design, the development, and the delivery of this project. There's currently an A/B split test being ran in order to evaluate the new layout.
Mockup & Design
A series of wireframes and mockups were provided depcting teh new design on large and small screens.
Frontend Dev
A static Bootstrap prototype was developed to demonstrate the design, the responsive skeleton, along with animation and toggled interaction.
Zephr Intergration
The prototype was converted into a production template, and discected into 4 Zephr-powered editable components.
Let’s create something beautiful together.
Copyright © 2022 BKRXY, LLC. All rights reserved.
