KR

A

WIRED MAGAZINE Redesign

WIRED is a well-known and influential technology and lifestyle magazine that covers a wide range of topics related to the intersection of technology, science, culture, and innovation. Over the years, it has expanded its digital presence, further cementing its status as a leading source for those seeking to understand and engage with the ever-evolving world of technology and innovation. However, its brand identity did not seem to have evolved with the times.


This project uses code to manipulate and redesign the logo using a live data set.

The aim was to bring in a dimension of user input based interactivity, to further be in alignment to the evolution of the magazine’s vision.

WIRED is a well-known and influential technology and lifestyle magazine that covers a wide range of topics related to the intersection of technology, science, culture, and innovation. Over the years, it has expanded its digital presence, further cementing its status as a leading source for those seeking to understand and engage with the ever-evolving world of technology and innovation. However, its brand identity did not seem to have evolved with the times.


This project uses code to manipulate and redesign the logo using a live data set.

The aim was to bring in a dimension of user input based interactivity, to further be in alignment to the evolution of the magazine’s vision.

WIRED is a well-known and influential technology and lifestyle magazine that covers a wide range of topics related to the intersection of technology, science, culture, and innovation. Over the years, it has expanded its digital presence, further cementing its status as a leading source for those seeking to understand and engage with the ever-evolving world of technology and innovation. However, its brand identity did not seem to have evolved with the times.


This project uses code to manipulate and redesign the logo using a live data set.

The aim was to bring in a dimension of user input based interactivity, to further be in alignment to the evolution of the magazine’s vision.

TEAM

GUNDI STUDIOS

duration

SPRING 2024

TOOLS & TASKS

HTML, CSS, JavaScript

Brand Identity

ADVISOR

Talia Cotton

TOOLS & TASKS

HTML, CSS, JavaScript

Brand Identity

ADVISOR

Talia Cotton

✢

✢

✢

✢

✢

✢

WIRED (rebranded) logo in motion. Location: Australia

✢ Magic behind the madness!

Breaching privacy for a good cause?

If you are a user of the internet, you too have an IP address and finding someone’s IP address is surprisingly quick and easy—whether through email headers, online interactions, or simple web tracking. Once obtained, an IP can be used maliciously to track a user’s location, launch cyberattacks, or even exploit vulnerabilities in their network.

If you are a user of the internet, you too have an IP address and finding someone’s IP address is surprisingly quick and easy—whether through email headers, online interactions, or simple web tracking. Once obtained, an IP can be used maliciously to track a user’s location, launch cyberattacks, or even exploit vulnerabilities in their network.

If you are a user of the internet, you too have an IP address and finding someone’s IP address is surprisingly quick and easy—whether through email headers, online interactions, or simple web tracking. Once obtained, an IP can be used maliciously to track a user’s location, launch cyberattacks, or even exploit vulnerabilities in their network.

WIRED magazine has a subsection dedicated to presenting latest news and updates about cyber security and digital privacy and also offer advise on the same. For this reason, I wanted to redesign the logo to emphasise their efforts in this area and bring in some user-interaction to further push the notion of the dangers of cyber-security breaches.

WIRED magazine has a subsection dedicated to presenting latest news and updates about cyber security and digital privacy and also offer advise on the same. For this reason, I wanted to redesign the logo to emphasise their efforts in this area and bring in some user-interaction to further push the notion of the dangers of cyber-security breaches.

WIRED magazine has a subsection dedicated to presenting latest news and updates about cyber security and digital privacy and also offer advise on the same. For this reason, I wanted to redesign the logo to emphasise their efforts in this area and bring in some user-interaction to further push the notion of the dangers of cyber-security breaches.

WIRED magazine has a subsection dedicated to presenting latest news and updates about cyber security and digital privacy and also offer advise on the same. For this reason, I wanted to redesign the logo to emphasise their efforts in this area and bring in some user-interaction to further push the notion of the dangers of cyber-security breaches.

For this WIRED rebrand, I leveraged this accessibility to generate dynamic logos, visually demonstrating how effortlessly digital privacy can be breached—a fitting reflection of the magazine’s deep dive into cybersecurity and online threats.

For this WIRED rebrand, I leveraged this accessibility to generate dynamic logos, visually demonstrating how effortlessly digital privacy can be breached—a fitting reflection of the magazine’s deep dive into cybersecurity and online threats.

For this WIRED rebrand, I leveraged this accessibility to generate dynamic logos, visually demonstrating how effortlessly digital privacy can be breached—a fitting reflection of the magazine’s deep dive into cybersecurity and online threats.

Utilising IP Addresses (Live API) to generate logos.

✢ Why use IP addresses?

An IP address in (Standard) IPv4 format consists of 4 integer values separated by periods. Each integer value, called an octet, can range from 0 to 255, which gives 256 possible values for each octet (since 0 is included).

Therefore, Total possible variations for generative logos =

256 × 256 × 256 × 256 = 256⁴ = 4,294,967,296

Location: Germany

Location: France

Location: India

Location: Kenya

Location: Singapore

Location: Tokyo

✢

✢

✢

✢

✢

✢

✢

✢

WIRED (rebranded): web article on cyber-security

✢ Running into problems!

There seems to be some limitations to this data set!

01

Controlling Paramters

Having large values as parameters (anything over the integer 80) would make the logo illegible (or quite simply, wonky)

02

Controlling Speed

Since this is a live API, the server would have to first attain the IP first and then produce results.

✢ Here's how I solved it

Final structure of code.

  1. If any of the integer values is greater than 80, then it is divided by 1000 so that they now produce a parameter within the range of 0 and 80.

  2. Using node.js to attain a string (IP address) on buffer.

  1. If any of the integer values is greater than 80, then it is divided by 1000 so that they now produce a parameter within the range of 0 and 80.

  2. Using node.js to attain a string (IP address) on buffer.

  1. If any of the integer values is greater than 80, then it is divided by 1000 so that they now produce a parameter within the range of 0 and 80.

  2. Using node.js to attain a string (IP address) on buffer.

  1. If any of the integer values is greater than 80, then it is divided by 1000 so that they now produce a parameter within the range of 0 and 80.

  2. Using node.js to attain a string (IP address) on buffer.

Data Explained: Sample IP Address in IPv4 format

Playing with parameters

✢

✢

✢

✢

✢

✢

✢

✢

WIRED (rebranded): mobile (darkmode)

WIRED (rebranded): mobile (lightmode)

WIRED (rebranded): web (darkmode)

A

KR

A

KR

A

KR

A

KR

KR

A

KR

A

KR

A

Go Back To Top

Go Back To Top

Go Back To Top

Go Back To Top

Instagram

IG

Instagram

IG

Linkedin

LI

Linkedin

LI

CONTACT

CONTACT

CONTACT

CONTACT