DESYOLANDA

Concep-

tualization →

LOOK AT THREE DIFFERENT ARTICLES, THEN FORM SOME IDEAS FOR INTERACTIVITY.

ARTICLE 1.

WIRED MAGAZINE - October 2021

THE PAIN OF ALGORITHM
By Maia Szalavitz

"The latest weapon in the war on drugs is a predictive ai on your doctor’s computer. It can determine who receives treatment for pain—— and who doesn’t"

INTERACTIVE
COMPONENTS:

Bring movement the shapes on the background
Highlight the charts with color when hovered
Make the charts clickable for additional information
Provide direct links to the source of data
Inverse the color of photographs and turn them into gifs
Link the news about Katherine to its source
Make the pull quotes fly from the right and left of the pages

ARTICLE 2.

WIRED MAGAZINE - April 2021

GOD VIEW By Arthur Holland Michel

"Security cameras. License plate readers. Smartphone trackers. Drones. We’re being watched 24/7.

Soon all of those eyes could become one."

INTERACTIVE
COMPONENTS:

Animate the pull quotes
Make the squares in the illustrations move by turning them into gifs
Add a video that discusses privacy and surveillance camera
Add clickable images of different CCTV technology throughout the years

ARTICLE 1.

WIRED MAGAZINE - February 2022

“IT’S HAPPENED AGAIN…”
By Oscar Schwartz

"After all four of her babies died in their sleep over the course of a decade, kathleen folbigg was convicted of murder. but one tenacious scientist suspected the real culprit was a mutant strand of DNA.

Her quest to prove it turned into a genetic— and personal — showdown."

INTERACTIVE
COMPONENTS:

Add movements to the pull quotes by turning them into gifs
Illustrate a timeline of events
Make the timeline clickable for additional information
Link the stories into the original news article
Include a video of the news
Animate the images by flying the cuts from various directions
Add an illustration and additional links about the CALM2 gene

ARTICLE SELECTION →

WIRED MAGAZINE - October 2021

THE PAIN OF ALGORITHM
By Maia Szalavitz

Find parts of information and data that can be illustrated in graphs and charts, which are highlighted in YELLOW.

Words that can be turned into links are colored in RED.

Texts that are colored in BLUE indicate potentials for additional information whether in the forms of media or image.

Then, organize the articles based on the years of the events. Put the sections in order into a timeline.

SKETCHES →

SKETCH THE MAGAZINE LAYOUTS.

MOODBOARD →

Create a moodboard to determine the visual theme of the magazine. The keywords of the moodboard are drugs and pain.

COLOR

& TYPE →

DRAFT →

Decide the general layouts and create an initial design before adding the interactivity.
Apply the color and type choices to the design.
Then, point out the strengths to include, and weaknesses to exclude in the final design.