Project Description

Designing the Magazine Experience

The design industry has long been inundated with talk of the death of print. In addition, recent economic times have revealed that clients are more willing to invest in permanent, sustainable interactive experiences than disposable print ones. In reality, today’s designer needs to embrace both and constantly innovate ways to create consistent user experiences between the printed page and the screens of various digital devices.

In this project, you’ll concept your own magazine and design versions of it for both print and digital tablet. Your deliverables include not just physical layouts, but also other responsibilities of a designer during the many other phases of the design process. This includes research to properly position this magazine in the market, illustration of ideas through images, mapping out navigation of content, mocking up interactivity for digital devices and even testing your design on users.

Because designing a magazine is a huge task and our timeline for the project is very quick, you will design only a sampling of pages and screen views during this project. Still, in order to complete all the deliverables we will need to stick to a tight schedule and utilize all of our class time available.


Strategic Market Positioning
Determine target audience and create consumer profiles for a targeted group of readers. Utilize research skills to identify competitor publications and plot their positions in the marketplace.

Illustrating Ideas
Communicate key themes of feature articles by developing a series of cover images that utilize symbolism, metaphor, etc, via either photography or illustration.

Layout and Information Hierarchy
Use advanced grid structures and effective hierarchy of information to organize large amounts of copy and content.

Designer as Secondary Author
Examine the role of designer as author by reorganizing content in an appropriate manner to prioritize the reader’s learnings.

Mapping Interactive Content
Create basic infographics that map out content connections and navigation in an interactive environment.

Translating Print Layout to Interactive Experience
Translate layout and content from the static printed page to a more fluid interactive experience by re-evaluating content organization.

Developing Typographic Standards
Choose typeface pairings and develop detailed typographic guidelines that can be used in both print and interactive applications.

Creating Interactive Mockups
Explore new features in InDesign CS6 to mockup interactivity in an app.

Interactive Usability Testing
Conduct user testing in order to receive feedback on app navigation and guide layout revisions.

Presenting Interactive Concepts in a Portfolio
Investigate creative ways of faking interactive mockups in order to show your app design in a portfolio.


  • Strategy Board including target audience, competitor research, and marketplace positioning matrix.
  • Inspiration Board
  • Series of 3 Images Illustrating Cover Stories
  • Covers for 3 Print Issues, utilizing a common masthead
  • At Least 3 Spreads of the Print Magazine, showing articles and one other feature.
  • Infographic Map of App Content Structure and Navigation
  • Flash File showing sample of App’s Interactivity
  • Usability Test Results, presented visually.
  • Covers and at least 3 screens of the App, flats shown in multiple states for faux mockup
  • Portfolio shots of faux App mockup on an iPad screen

5 responses to “Project Description

  1. Pingback: Due Next Class: Thursday, Jan 17 « JCCC :: Advanced Design Practice

  2. Pingback: Welcome Section 02! « JCCC :: Advanced Design Practice

  3. Pingback: For Tuesday, Feb 17 « JCCC :: Advanced Design Practice

  4. Pingback: Welcome Section 01! | JCCC :: Advanced Design Practice

  5. Pingback: Sec 01: For Tuesday, April 2 | JCCC :: Advanced Design Practice

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: