OPEN ASSEMBLY WEBSITE
Design + Code
4 Aesthetics & Politics Program @CalArts
2024
Open Assembly is a digital platform started by the Calarts MA in Aesthetics and Politics Program. It is a traditional blogging platform being used as part of the larger experimentation with digital tools. Its goal is to unlock modes of scholarship unique to the affordances of the digital, which in turn guides forms of thinking only possible online. It hosts a variety of content by students, faculty, visiting scholars, alumni, and wider community.
I offered to re-design the platform because its existence within the institution and external audiences is negligible. The main goal for the project was to re-design the website in a way that it really becomes the program’s central archive and gives research insights to the external audience who might be interested in applying to the program. The focus for developing the new back-end was to make the platform more secure and enable the authors to customize their profiles. Creating more agency in the back-end was aligned to the program’s desire for a collective maintenance of the platform.
The memes were collected from the current students in the program. The collection can be updated by the new cohorts.
This website was built with HTML, CSS, SCSS, Vue.js, PHP, MySql, and WordPress software. The theme is custom-coded.
PLOT(TING) WEBSITE
Design + Code
4 LASP Rietveld Sandberg
2024
Plot(ting) serves as a growing open archive and a platform for publication. Anchored in the Art & Spatial Praxis research group at Gerrit Rietveld Academie, Plot(ting) platforms the research and art practices of makers and thinkers whose work engages and resonates with Jamaican critic, novelist, and playwright Sylvia Wynter’s concept of “the plot.” Plot(ting) investigates the plot as a model for artistic practice in the broadest sense, examining how artists, writers, and scholars can challenge institutional and capitalist norms to foster different forms of understanding, being, and social relation. In the contributions to Plot(ting), different aspects of the plot are staged, embodied, narrated, explored, and materialised. The publication shows possibilities of what “plot” and “plotting” might be in contemporary research and artistic practice. It includes dance performance, soundscapes, video art, lecture performance, photography, song, and text.
This website was sketched on Figma, built with HTML, CSS, SCSS, Vue.js, PHP, MySql, and WordPress software. The theme is custom-coded.
RIP SPACE WEBSITE
Design + Code
4 RIP SPACE
2024
RIP SPACE is a project space in the Arts District of Downtown LA centering physical presence as an optimal mode of idea and knowledge exchange — rooted in principles of experimentation colliding with artistic explorations of technology and emergent paradigms in a radical third space. A flip on WIP or work in process, RIP or riot in process is a platform where process, ideation, and experimentation override product and finalization + the spirit of riotous disobedience and disorder.
Vera, John and I met last summer during the Earth Edition Festival organized by Visions2030. Our spirits wanted collective experimentation, so now we are having the official opening of the space on the 1st of February @7PM! Come through! (RSVP via Website)
This website was sketched + built with HTML, CSS, SCSS, and Javascript.
Eastern Neighbors Film Festival
Design + Code
4 Eastern Neighbors Film Festival
2023
I was commissioned to design + build a new website for a Netherlands based film festival that features cinema from Eastern Europe!
This website was sketched on Figma, built with HTML, CSS, SCSS, Vue.js, PHP, MySql, and WordPress software. The theme is custom-coded. It is deployed + hosted on Ionos.com.
Ortesia.online
Design + Code
4 Ortésia
2023
I was commissioned to design + build a website for a Spain based artist Ortésia. The goal of building the website was to archive their professional history of works, with a customizable background color, but only if you type the color in english :( The challenging part of developing the design to find a fine balance between making users feel like they are active on the website and solely playing on it. We didn’t want to rely on traditional ways to do this, which would be to allow users to change the structure of the grid in which the archive is presented, or allow them to change everything with the help of an Accessibility widget, or have their cursor leave a path behind. To read more about the design, click on the Third NonTechnical link below!
This website was sketched on Figma, built with HTML, CSS, SCSS, Vue.js, PHP, MySql, and WordPress software. The theme is custom-coded. It is deployed + hosted on Ionos.com.
Time is Capital
Design + Code
4 timeiscapital
2023
The first version of this website was built along the preparation of an exhibition called Time is an unrenewable resource -- and you know how we are with those. It happened in my studio, our studio. As a participating artist, I wanted to contribute with more than just artist work, so I proposed to make this website as a campaign of the show. We all proposed something extra. The main purpose of building the website was for me to think about the format of representation for similar occasions (event rather than an archive) and to limit it to a poster dimension. More than a website with pages, this one acts as an interactive e-poster.
The second version of the website(above) is not a platform but a prototype of one. It is handmade, meaning that all elements were hardcoded one by one. There exists no heavy cms behind this interface which would enable more administrative activities by the collective. The web developer is its only administrator at the moment. This reflects the amount of resources (time + budget) behind this project. As a member of the collective, I am hopeful that the future is resourceful so that we can build a more ‘inclusive’ interface.
This website was sketched + built with HTML, CSS, SCSS, and Javascript. It is hosted on Vercel.com and deployed on One.com.
Staying on the Grid
Design + Code
4 CalArts
2023
An e-poster website made for the conference Staying on the grid: Platforms, Psyches, Pathsorganized by the School of Critical Studies - Aesthetics & Politics, California Institute of the Arts. For the design of the website, I collaborated with Hongzhou Wan.
This website was sketched + built with HTML, CSS, SCSS, and Javascript. It is hosted on plesk.com under the website of California Institute of the Arts
What are you waiting for?
Design + Code
4 Merel Smit
2022
I was commissioned to design + build a website for a Netherlands based artist Merel Smit, as a next step for her on-going research about waiting. The purpose of the website is to collect user experiences of waiting in a written format. At a later stage of the buildup, we also allowed for a visual contribution of short videos, which would later be added to the collection of videos playing in the background.
The process of building this website is explained in detail in The Second Nontechnical Issue as part of my text series called The Nontechnical Issues.
This website was sketched on Figma, built with HTML, CSS, PHP, MySql, and WordPress software. The theme is custom-coded. It is deployed + hosted on Siteground.com.
First, Then… Repeat. Workshop scripts in practice
Design + Code
4 Hackers & Designers
2022
The design of this publication accommodates non-linear reading. Cross-references indicate to connections across chapters, themes, methods and timelines.
The design of this book is part of an ongoing collective exploration into unusual, non-proprietary, open-source, free and libre publishing tools and workflows. Such tools come with their own quirks and ask us to re-think our relationship to design tools. We hope this publication contributes to a growing community of designers who consider it relevant to rethink their tool-ecologies. Building on the knowledge and practices of many designers and collectives that work with and contribute to open-source approaches to designing on and offline publications,* Hackers & Designers’ publishing experiments intersect computer programming, art, and design, and involve the building of self-made, hacked, and reappropriated tools and technical infrastructures, which sometimes results in books, such as the one you are holding now.
The digital version of this book was built simultaneously with the content’s population and preparation for its journey to the printer. While Wiki was being fed with the contributions by the authors, and while the Pdf was stretching/shrinking its borders to accommodate them, the HTML was experimenting with switches between the two reading experiences: of the contributions and the scripts as their active companions. Although the layout of the digital publication prioritizes the reading of contributions first, it aims to unite them with their scripts as much as possible.
This website is built with HTML, CSS, Python, Javascript, and Wiki.
Marlies Van Hak
Design + Code
4 Marlies van Hak
2022
I was commissioned to design + build a website for a Netherlands based researcher, writer, critical friend, pen-pal, editor, walker, temporary dweller, conversation partner, and grant writer Marlies van Hak. The goal of building the website was to archive her professional history of works, create a channel through which Marlies could investigate work + life related curiosities, and to make room for potential future endeavors. The content of the website is split in two width-adjustable halves.
My collaboration with Marlies lasted six months and entailed weekly conversations about programming ethics, archiving, and sharing references, along with the buildup of the website. The process inspired me to start a new series of texts called The Nontechnical Issues, on my personal website. With these texts, I aim to reflect on the development behind every next website I build.
This website was sketched on Figma, built with HTML, CSS, PHP, and WordPress software. The theme is custom-coded. It is deployed + hosted on One.com.
Eduardo León
Design + Code
4 Eduardo León
2021
Eduardo León is a Peru-born, Italy-bred graphic designer and artist based in Amsterdam, The Netherlands. We combined his graphic design skills and my coding skills in order to develop a portfolio website which resembles an interactive, online business card. His graphic images representing projects are accessed by clicking anywhere on the screen, therefore changing the background of the website. Behind the bio/current work/contact bubble, labels on which users can find more information about the backgrounds are hiding.
This website was built with HTML, CSS, SCSS, Javascript. It was compiled by codeKit, and deployed on Vercel.
FALSE MIRROR
Design + Code
4 Ali Eslami
2020 + 2021
False Mirror is a Virtual Reality world built by Ali Eslami. I was commissioned to translate its infrastructure into a website, by not exactly illustrating the interactions which are possible in the virtuality, but by telling a story through different digital interaction. The purpose of the website is to allow users who don’t have the possibility to experience the virtual project to get close to the experience of its virtuality. Its other purpose is to map out the complexity of spaces to those who get lost in False Mirror. For the concept of the website, we worked with the idea of usership. We built the concept by giving a possibility to the user to get to know False Mirror through perspectives of one of the three given avatars: Alless, Lena, and Bird. While Alless and Lena are more specifically developed characters, Bird is the default skin of the user: neutral + with the role of a spectator from which the remaining two avatars can be chosen.
This website was sketched on Figma, built on Cargo with TrueStudio template, custom HTML, CSS + Javascript.
One year later, we decided that falsemirror.live needs an extension with more user-friendliness and better readability of the project. Compared to the initial website, this part of the website is less interactive and aims to present a summary of the project. It is also a space where we developed a blog on which we expect to have more contributions in the future.
This website was built with HTML, CSS, SCSS, Javascript. It was compiled by codeKit, and deployed on Netlify.
VEIN
Design + Code
4 VEIN Agency
2019
I developed and designed a website for a modeling agency, VEIN. Over the course of collaboration, I worked on the graphic identity, web design, content management, and editorial. Although it’s commercally oriented, what I like about it is that we chose to build each profile body differently, even though header and footer are always fixed. The template aims to portray the different characters of models, which most websites of model agencies easily kill by choosing a repetitive structure of limiting templates. I still maintain the website together with the founders of the agency.
This website was built on WordPress with a Divi Builder. It was one of my first websites built with content management system and from which I got inspired to custom code handmade templates in the future. It is deployed + hosted on SiteGround.