Impact Journals

back icon Back to all Work

Impact Journals Responsive Website Redesign

UX Research and UX Design won this pitch. I encouraged bringing their articles up in emphasis, instead of buried in the site. I presented Research around what constitutes a readable online experience, helping them see the value in a clean, modern, open look and feel.

The goal was to attract both more readers and authors. After understanding more about their audience, I demonstrated value to their Users in context of making the content the hero, winning over both potential Authors and Readers.

I participated in every phase of this project - from pitching to working directly with the client to gather requirements and document them in the form of an extensive and robust Axure Prototype. After settling the Architecture, I worked frequently with Development to ensure and suggest a robust framework for catering the same structure to four variant Journal Brands.

My Role: UX Design, Creative Director, IA Architect, Art Direction, Usability Expert, Pitch Presenter

The Impact Journals Redesign hero image
The Pitch - Impact Journals Project

The Pitch

I delivered Research, insight and two robust Visual Designs, highlighting my recommendations. Priority on readability, and demonstrating the value inherent with the wealth of content available.

The Pitch - Article Focus

The Pitch - Article

The article, to me, was the crux of the whole experience. Both major sets of users relied on and needed the article as their biggest User Need from the Journal experience.

As part of my pitch, I pressed the importance and value inherent of this portion of content from the set of Journal websites. I tried to visualize and help demonstrate to the potential client that displaying the readable content in a clean, modern, navigable experience would boost readership and authorship.

Sitemap + Information Architecture

Information Architecture

As a first step in the process, I worked with the client to plot out the high-level design of the Journal system.

User Flows of the Journal Experience

User Flows

An important part of the process was documenting specific flows and journeys with special subsections. As I gathered requirements, diagrams such as this helped as a means of ensuring I interpreted the client perfectly.

Here you can see a specific example of a User Flow, depicting a User's behavior through a potential Author Portal.

Wireframe prototype of the experience

Wireframe Prototype

I approached a robust wireframe in Axure, documenting various views / sizes across devices for proper responsive considerations, in total reaching close to 50 screens.

Throughout the wireframing process, I interacted thouroughly with the client, plotting out every detail. Here you can see how I attempted to document considerations and notes, helping to define even more than just the structure itself.

Wireframe / Prototype of the experience

Wireframe Prototype - Responsive Considerations

For this robust set of Axure Wireframes, I also plotted out any and all responsive considerations.

Again, documenting and describing things in detail kept myself and the client on the same page throughout the entire process.

Final design of the Impact Journal Experience

Final Design

The final design was similar to one of the concepts originally pitched. It was clean, modern and felt scholarly.

In design process, I always utilize grids and evenly spaced designed. Creating a Vertical Rhythm in interactive design is critical as the sense of spaciousness makes users feel comfortable and want to remain longer.

Final design of the Impact Journal Experience - Color Identity system

Final Design - Identity UI System

The final design utilized Brand and color variations for four different Journals, applying a smart CSS shift across one code base and architecture.

Header Tile

Selected work I've created