UTA Magazine

Two online magazines outdated in design and time consuming to publish. I designed and built an interactive 360° experience while making new issues a breeze.

One of the two magazines was published two times a year with content meant to highlight all the great work, students, and faculty of the University. The other was an annual magazine all about research and its impact on the world.

Previously, these were two completely separate in design and setup which made creating each issue time-consuming.

Results

01Award-winning

The magazine redesign won a gold award among national universities.

02Faster setup

The initial setup time was decreased by a week.

Unique content. Unique layouts.

  • Reworked the hero carousel to allow the reader to see all the feature stories, not just the highlighted one
  • Increased the size of each story below to help the reader focus on each story rather than be bombarded with all of them
  • There are several different ways the stories are displayed which help to call out or minimize certain stories: large thumbnail, small thumbnail, text-only, or interview.
Old Landing Page
New landing

An immersive 360-degree experience

We had the 360 camera, we had the footage but I needed to create a simple user interface with performance in mind. The 360-degree experience went through two rounds of code frameworks.

UTA magazine 360-degree scene

Enhancements

In the second version of the code, I chose a ReactJs framework with A-frame handling the 360-degree piece. This improved performance and flexibility of the code. Now components and menus could be toggled easily such as the text overlay and next scene thumbnail.

Improved reading experience

Making some minor visual changes dramatically increased the reading experience of the article detail page.

  • Increased font size and line-height to improve legibility
  • Moved social buttons to the top of the page to increase sharing
  • Removed unused comments section to allow for a more focused reading experience
  • Used random stories instead of linear next and previous buttons to allow for more exploration of the magazin

Sharing styles

I was able to take the base templates and styles and apply them to the Inquiry magazine, a research magazine. With changing a few design elements like fonts and colors, the magazine felt unique while keeping maintenance on both magazines the same. With the Inquiry magazine, we were able to extend the base template to include category pages using color to unify the stories.

© 2020, Hollis Harris