This user flow shows how a user might navigate through each screen on a mobile device. The experience on the mobile is important because of its role in our daily lives. Many read and make purchases on the mobile so the flow and interactions must be very clear for the user as much as convenient.

We built the mobile experience around bundles because it is quick and cheaper than buying individually. We also envision a secure system to easily store and access credit card information so that users can avoid pulling out their wallets in public, risking identity theft.

This is my proposed wireframes for the dashboard layout. I wanted an easy way to display the user's current status right away. The dashboard is meant to be a quick manager so information about how many credits the user has left ranks highest.

Next in ranking is access to purchasing more credits quickly (the second row). Credit bundles are displayed as a way to entice users to purchase more at a discount. This strategy helps push the revenue stream.

Thirdly, history of purchases helps users keep track of their activity. This list style allows users to quickly glance into the most recent transactions of using credits and buying credits.

This is my proposed wireframe for a social piece within the dashboard. This piece is designed to help push content to our users in a social environment. On top of increasing exposure of popular articles, social feeds promote creating a sense of community and belonging.

In this flow chart, we can visualize the different paths between screens and the plug-in.

These callouts were made to communicate clearly to the client the interactions of each feature. The callouts explains the feature action(s) and its purpose. This allows the client to understand our reasoning for the design while gaining a detailed perspective on how these features tie back to the business model.

This is a user flow chart maps how the user would interact with each platform of Periodical.ly. We can visually see the flow from one screen to the next in sequence from start to end and also where the critical points are that require the user to pick one path over the other.

In creating this, the chart helped us think about what we need to build for the wireframes and how we want the user to get there. Then, we can take a holistic look and see how each of the platforms connect with each other to build a better experience.

This is a user flow chart showing how the user would use our credits-based system.

As part of the final documents handed in to our clients, I combined the Press Release, Market Analysis/Revenue Model, and FAQs into a magazine spread. I designed and created the layouts and visuals on my own with some input from the team about the sequence of content in order to correspond with our final presentation.

Since our product is centered around reading online publications, I wanted our document to mimic the look of the popular Time magazine. I thought that having nice visuals and friendly text layouts would help with reading big documents like reports.

In this magazine, you can find information about the team, the product, and how our design solution ties in with the business goals. 

Read Periodical.ly Now >