Hyper Studio

 

We are an independent creative studio based in Madrid, founded by Cristóbal Baños and Diego Iglesias in 2016.

With a background in architecture and digital media, we merge interdisciplinary research and interactive design in order to build successful platforms and hypermedial strategies for the future.

info@hyperstudio.es

Facebook / Instagram

Our clients include: Medialab-Prado, Architectural Association School of Architecture, Master in Advanced Architectural Communication, PhD in Advanced Architectural Communication, ART+Q, COCA International Conference and RACA Radio.

hyper tokyo main screenshot
placeholder placeholder placeholder placeholder placeholder placeholder

Type: Web Design + development

Published: June 2016

URL: hypertokyo.net

In today’s information society, data is updated so quickly, so many new sources are discovered with each search and so many bits of information accumulate, that formulas seeking to draw static paths on a cloud of information that is recomposed with each new upload to the internet have just become obsolete.

This research project aims to address these issues from a situationist and hypermedial approach. A virtual space of more than 10 GB of more or less coded information including photographs, images, videos, diagrams, drawings, texts and quotations; establishing complex and mutant relationships between seemingly unrelated data that incorporate different nexuses and approaches to nature, time, tradition, regulations, customs, technology, and public space in the urban daily life of the Metropolitan Area of ​​Tōkyō

A hypertextual strategy that allows to understand how Tōkyō has reached its current situation, constructed by the superposition of temporary layers that are constantly updated. A model in continuous expansion that develops under the uncertainty of natural disasters and that is able to manage the risks it implies. A city that forces its inhabitants to live in constant movement through complex temporal dynamics which rely on a succession of urban interiors, infrastructure for nomadic lifestyles. A singular overloaded image that is able to incorporate all the elements that have built their history and build the most immediate present.

sublime oasis in transit main screenshot
placeholder placeholder placeholder placeholder placeholder placeholder placeholder

Type: web design + development

Client: Architectural Association School of Architecture

With: Arantza Ozaeta and Álvaro Martín Fidalgo

Published: July 2016

URL: sublimeoasisintransit.com

SUBLIMEOASISINTRANSIT.COM is an interactive documentary: an interface that provides an in-depth tour through the work produced by Unit 2 during the Summer School 2016 at the Architectural Association, London.

This is an Academic collective construction -“Sublime Oasis In-transit”-, in the way of a complex system of individual events that are infra-structurally assembled, pursuing that hypermedia transgresses the logical boundaries of physical space/time/frame.

This Hyper-Diorama is a visual masterpiece between the fictional and the distilled real fragments of our cabinets; an artificial landscape where fiction and collection collide. Horizon and scale are multiple, manipulating frame and disrupting linear sequence.

By including texts, images and videos, this Hyper-Media tool establishes a systematical and interconnected articulation of those projective and architectural moments developed during the course, together with an encyclopaedic collection of (extraordinary) data that attempt to tell stories about the wonders and oddities of the (selected) world. This is both an operative and accumulative tool, an ideological as well as technical construction.

maca main screenshot
placeholder placeholder placeholder placeholder placeholder

Type: web design + development in WordPress

Client: Master in Advanced Architectural Communication

Published: September 2016

URL: maca.aq.upm.es

In 2016, a new branch of knowledge was created in the Polytechnic School of Architecture of Madrid, under the name “Architectural Communication”. We were commissioned to design the digital identity of the new Master Program, knowing that it would have a second stage, a PhD Program.

MAca wanted to become a new window from which to look at architecture and the world, but also a place to make visible new ways of understanding architectural practice. The web is the master’s main communication platform, but also a live archive of information gathered around this new field of “architectural communication”, building its meaning.

As if it were the back office of a network, color is inverted: a system of lines and white boxes structure the information over a dark-slate background that is sometimes virtually tresspassed by carved-like images.

doca screenshot
placeholder placeholder placeholder placeholder

Type: web design + development in WordPress

Client: PhD in Advanced Architectural Communication

Published: November 2016

URL: doca.aq.upm.es

Following the visual identity developed for the Master in Advanced Architectural Communication, but with its own entity, DOCA’s web serves again as a live archive that collects research in the field of architectural communication. Here, colours invert: the background is white, relating to the traditional format for research: plain paper. However, it maintains the navigation system and structure, composed of black lines and boxes.

coca main screenshot
placeholder placeholder placeholder placeholder placeholder

Type: interactive logo + web development in WordPress

Client: COCA First International Conference in Architectural Communication

With: COCA Organising Committee

Published: December 2016

URL: coca.aq.upm.es

The First International Conference in Architectural Communication will take place in May 2017 in Madrid. The event flows between two different sections: the “official” conference-type actions and the disruptive-innovative formats. This dual system is translated to the visual identity of the conference through the anaglyph. The logo is programmed to split in two and only becomes readable when both sides overlap. The text is also split in two, allowing the simultaneous visualisation of two different -maybe even opposed- text strings.

raca main screenshot
placeholder

Type: web development in WordPress

Client: RACA Radio

With: Andrea González

Published: February 2017

URL: raca.aq.upm.es

RACA is an academic and participative open radio project that seeks to explore new aural formats of communication. One of the major challenges of the project is precisely to attract and involve a hyper-saturated and extremely busy students community. RACA’s web is therefore conceived as a platform for interaction between the radio and its users.A live recording button welcomes every user so that anyone can send their audios live to the radio. This is how the web becomes an essential part of the radio, receiving sound footage constantly.

The web will also gather the recorded podcasts and the agenda of future events, a live archive that will become the way of expression for the community.

placeholder placeholder placeholder placeholder placeholder

Type: Design + development in Wordpress

Client: Claret Castell

Published: April 2017

URL: claretcastell.com/

Official website of Claret Castell Photography Studio.

placeholder placeholder placeholder placeholder placeholder placeholder

Type: Design and development

Client: Cristina Iglesias Studio

Published: May 2017

URL: cristinaiglesias.com/

Official website of Cristina Iglesias Studio.

Cristina Iglesias (1956, San Sebastián) is a Spanish installation artist and sculptor living and working in Torrelodones, Madrid. She works with many materials, including steel, water, glass, bronze, bamboo, straw. On January 20, 2016 she was awarded the Tambor del Oro in San Sebastian. Iglesias was the first Spanish woman invited to exhibit her work at the Folkestone Triennial in 2011. – Source: Wikipedia

Type: Design + development in Wordpress

Client: Bollería Industrial

With: Bollería Industrial

Published: Coming soon!

URL: www.bolleriaindustrial.com/

placeholder placeholder

Type: Design and development

Client: Medialab-Prado

Published: Coming soon! December 2017

Project for the digital façade of Medialab-Prado, selected in the framework of the public call “Juegos Reunidos 2017“, within the program of the Area of Government of Culture and Sports of the City of Madrid.

placeholder

Type: Design and development

URL: hyperstudio.es/3d-prototype/

3D interactive prototypes of the project “PRE-IDENTITY vs POST-IDENTITY: Architecture for renovating Fukushima” developed by Diego Iglesias as final thesis at the Master in Architecture at the University of Tokyo 東京大学 in 2013 as part of Kengo Kuma studio.

This project was featured in the exhibition Fukushima: Images and Remains of a Future City 未来都市フクシマ展──廃墟と想像力 in Space 222 DUE, May 2014, Tokyo, Japan.

See full project here > www.diego-iggo.com