Progressive App

Time Inc Progressive App

For pitch-work,  the team worked together to design and build a progressive app (PWA) that could potentially be used as a content hub site for client and editorial content. Due to the popularity of content/native websites, this app would be used as a template, which could be easily styled and branded for any client.

The first step was to find inspiration from similar products on the market and research into how we could accommodate a range of content for different brands. The second step was to generate ideas by creating prototypes and then user testing those prototypes with the desired target audience. Adobe Experience Design (XD) was used to create these prototypes. The third step was to implement our learning and then build the product.

Background

COLOUR

TYPOGRAPHY

NAVIGATION

Home Page

DEFAULT APP PAGE

The ‘Most Recent’ section is the default page for the app. It consists of up-to-date articles, colour coded according to subject as well as a section showing user ‘saved articles’. Icons are used to differentiate between galley, video and standard articles. ‘Settings’ icon is visible at all times.

Navigation

HORIZONTAL SCROLL

The user is able to scroll through the menu to pick a relevant subject. Once the user taps on the menu item, the chosen subject page fades in.

Article Page

GENERIC ARTICLE TEMPLATE

The top bar of the page includes a ‘bookmark’ button for the user to save the article as well as a ‘share’ button which opens up a window with other social plugins. The article page begins with an image and title. ‘Discover More Articles’ allows the user to scroll through new articles.

Background