REFRESH

February–July 2017

An inclusive and politically engaged platform at the intersection of art, science, and technology

Product

Brand assets, website, and event dossier

Audience

Community members invested in socially engaged art and the cultural interplay of art, science, and technology

CHALLENGE

Design and showcase the platform’s visual identity to support its mission and facilitate collaboration.

Role

Development of brand assets (including brand guidelines); website and event dossier redesign

Tools

Sketch, Illustrator, InDesign, HTML, CSS, jQuery

forms
Excerpt from the logo proof of concept Kar, Dot, and I presented

CONTEXT

Resident artist Heather Dewey-Hagborg reached out to students at NYU’s Interactive Telecommunications Program (ITP, my master’s program) to support her in the development of REFRESH.

Shared Credit

Kar Rosen, Dorothy Chi Hung Lam, and Yutong Zhang designed several branding assets. The final logo (first slide, below) was designed by Dorothy with a motif made by Kar. 

CONCEPTUALIZATION AND STRATEGY

Kar, Dot, and I developed the brand assets—logo, color palette, and typographic styles—throughout the semester. Afterwards, I applied these elements in brand-guideline documents, and website/event dossier redesign.

BRAND MANUAL

WEBSITE DESIGN

 I both designed and coded the website, implementing HTML semantic markup’s best practices and dividing the CSS neatly into sections with an index,  enabling other collaborators to modify the site easily.

Mockups for responsive website
Content breakdown for a longer version of the site

The site is hosted on a private Github repository, but below are some screenshots:

DOSSIER DESIGN

I also designed the event dossier. Here are some excerpts: 

WANT TO SEE MORE OF MY WORK?

Pilar Gómez Ruiz  2018

– NYU ITP –

Branding, web & editorial design

February-july 2017

Cover credit: pinar yoldas's fool's fowl (2013, modified with Georg Fischer's jpg-glitch tool)

During the Spring of 2017, artist and educator Heather Dewey-Hagborg, who at the time was a Something in Residence (SIR) at ITP, reached out to students to support her in development of Refresh, a biennial at the intersection of Art, Technology and Science. During this time we developed the brand assets and started working on a crowdfunding campaign. After that, during the summer, I carried on to make the brand guidelines docs, redesigned the website and made the event’s dossier.  

Kar Rosen (in the back), Dorothy Lam (not in the picture) and I filming Heather Dewey-Hagborg for a crowdfunding video promo (pending)

Materials, tools and tech used

Sketch, Illustrator, InDesign HTML, CSS, jQuery

refresh-logo

Shared credit

Kar Rosen, Dorothy Chi Hung Lam & Yutong Zhang designed several branding assets. Here’s an extract from our proof of concept presentation to Heather. The final logo (above) was designed by Dorothy with a motif made by Kar. 

Brand guidelines

After Heather and her team chose a logo and a color palette, I went on to design a document with the brand guidelines. Here are some excerpts: 

Web design

This was the first time that I used HTML, CSS and a bit of jQuery for a real-life thing. I tried to comply with HTML semantic markup’s best practices and divided the CSS neatly into sections, with an index, so as to make it easier for other collaborators to modify the site.  The site is hosted on a private Github repository, but below are some screenshots.

 

Mockups for responsive site

Here are some mockups I presented to Heather’s team for a new responsive landing page (coding pending). 

Dossier

Here are excerpt of the event dossier that I also designed using the brand assets: