BEHIND THE SCREEN
An editorial design project focused on Interaction Design and the Art
direction
The Challenge
With the team of three, design a magazine for a digital publisher
organisation. Based on the individually driven subjects.
The Method
Group discussion to discover topics for articles. Brainstorming sessions to structurise UI/UX
and contextualise the magazine.
The Outcome
Editorial design of a digital magazine aimed to produce articles about web series, gaming and
technologies.
Length
Two weeks
Role
User experience design, articulation on one of the topics, illustrations, motion graphics.
Who is the reader?
Mainly young age group and Millenials where they are the seekers of trending web series, games
and technologies — also, interested individuals who appreciate reading the insights of the
entertainment industry.
Magazine site Map
After finalising content and the target we mapped out site map which laid out the structure and
organization of the content on the magazine.
Interaction Design & User flow
We created a user flow to imagine the ways a user might navigate through the magazine to achieve
their goals. These tools allowed us to ensure that the information was organized in a way that
is intuitive to the user.
High- Fidelity
Wireframes
We created a low-fidelity prototype of the ipad version in figma. Also, created a UI to outline
all of the features and elements we wanted to incorporate into the design.
High- Fidelity
Prototype
High-fidelity prototype of the ipad version were illustrated and created a UI to outline all of
the features and elements we wanted to incorporate into the design.
Magazine UI Kit
Print
Adaptation
It was briefed to design a personal adaptation of the digital to the printed version. I
aimed at the cohesive approach that can reflect the ideal aesthetics throughout the
magazine.